Gentleface › Devices & hardware › flip-phone
flip-phone icon
flip-phoneFlip phone: flip phone, clamshell phone, feature phone. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5L5 3.05C5 3.132 4.977 3.213 4.935 3.284C4.956 3.277 4.978 3.271 5 3.268C5.084 3.219 5.172 3.177 5.264 3.14C5.5 3.047 5.746 3 6 3L10 3C10.254 3 10.5 3.047 10.736 3.14C10.993 3.242 11.219 3.391 11.414 3.586C11.609 3.781 11.758 4.007 11.86 4.264C11.953 4.5 12 4.746 12 5L12 11C12 11.509 11.906 11.999 11.719 12.472C11.516 12.986 11.219 13.438 10.828 13.828C10.438 14.219 9.986 14.516 9.472 14.719C8.999 14.906 8.509 15 8 15C7.491 15 7.001 14.906 6.528 14.719C6.014 14.516 5.562 14.219 5.172 13.828C4.781 13.438 4.484 12.986 4.281 12.472C4.094 11.999 4 11.509 4 11L4 5C4 4.746 4.047 4.5 4.14 4.264C4.242 4.007 4.391 3.781 4.586 3.586C4.615 3.556 4.646 3.528 4.677 3.5C4.681 3.492 4.685 3.485 4.69 3.478C4.645 3.493 4.597 3.5 4.55 3.5L4.45 3.5C4.201 3.5 4 3.299 4 3.05L4 1.5ZM5 11C5 11.381 5.07 11.75 5.211 12.104C5.363 12.489 5.586 12.828 5.879 13.121C6.172 13.414 6.511 13.637 6.896 13.789C7.25 13.93 7.619 14 8 14C8.381 14 8.75 13.93 9.104 13.789C9.489 13.637 9.828 13.414 10.121 13.121C10.414 12.828 10.637 12.489 10.789 12.104C10.93 11.75 11 11.381 11 11L11 5C11 4.724 10.902 4.488 10.707 4.293C10.512 4.098 10.276 4 10 4L6 4C5.724 4 5.488 4.098 5.293 4.293C5.098 4.488 5 4.724 5 5L5 11ZM6.144 5.144C6.241 5.048 6.359 5 6.5 5L9.5 5C9.641 5 9.759 5.048 9.856 5.144C9.952 5.241 10 5.359 10 5.5L10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L6.5 8C6.359 8 6.241 7.952 6.144 7.856C6.048 7.759 6 7.641 6 7.5L6 5.5C6 5.359 6.048 5.241 6.144 5.144ZM9 7L9 6L7 6L7 7L9 7ZM8.5 11C8.641 11 8.759 11.048 8.856 11.144C8.952 11.241 9 11.359 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12L7.5 12C7.359 12 7.241 11.952 7.144 11.856C7.048 11.759 7 11.641 7 11.5C7 11.359 7.048 11.241 7.144 11.144C7.241 11.048 7.359 11 7.5 11L8.5 11Z"/></svg>
// Gentleface "flip-phone" (line-round), MIT. https://gentleface.com/icons/flip-phone
import type { SVGProps } from 'react';
export function FlipPhoneIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5L5 3.05C5 3.132 4.977 3.213 4.935 3.284C4.956 3.277 4.978 3.271 5 3.268C5.084 3.219 5.172 3.177 5.264 3.14C5.5 3.047 5.746 3 6 3L10 3C10.254 3 10.5 3.047 10.736 3.14C10.993 3.242 11.219 3.391 11.414 3.586C11.609 3.781 11.758 4.007 11.86 4.264C11.953 4.5 12 4.746 12 5L12 11C12 11.509 11.906 11.999 11.719 12.472C11.516 12.986 11.219 13.438 10.828 13.828C10.438 14.219 9.986 14.516 9.472 14.719C8.999 14.906 8.509 15 8 15C7.491 15 7.001 14.906 6.528 14.719C6.014 14.516 5.562 14.219 5.172 13.828C4.781 13.438 4.484 12.986 4.281 12.472C4.094 11.999 4 11.509 4 11L4 5C4 4.746 4.047 4.5 4.14 4.264C4.242 4.007 4.391 3.781 4.586 3.586C4.615 3.556 4.646 3.528 4.677 3.5C4.681 3.492 4.685 3.485 4.69 3.478C4.645 3.493 4.597 3.5 4.55 3.5L4.45 3.5C4.201 3.5 4 3.299 4 3.05L4 1.5ZM5 11C5 11.381 5.07 11.75 5.211 12.104C5.363 12.489 5.586 12.828 5.879 13.121C6.172 13.414 6.511 13.637 6.896 13.789C7.25 13.93 7.619 14 8 14C8.381 14 8.75 13.93 9.104 13.789C9.489 13.637 9.828 13.414 10.121 13.121C10.414 12.828 10.637 12.489 10.789 12.104C10.93 11.75 11 11.381 11 11L11 5C11 4.724 10.902 4.488 10.707 4.293C10.512 4.098 10.276 4 10 4L6 4C5.724 4 5.488 4.098 5.293 4.293C5.098 4.488 5 4.724 5 5L5 11ZM6.144 5.144C6.241 5.048 6.359 5 6.5 5L9.5 5C9.641 5 9.759 5.048 9.856 5.144C9.952 5.241 10 5.359 10 5.5L10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L6.5 8C6.359 8 6.241 7.952 6.144 7.856C6.048 7.759 6 7.641 6 7.5L6 5.5C6 5.359 6.048 5.241 6.144 5.144ZM9 7L9 6L7 6L7 7L9 7ZM8.5 11C8.641 11 8.759 11.048 8.856 11.144C8.952 11.241 9 11.359 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12L7.5 12C7.359 12 7.241 11.952 7.144 11.856C7.048 11.759 7 11.641 7 11.5C7 11.359 7.048 11.241 7.144 11.144C7.241 11.048 7.359 11 7.5 11L8.5 11Z" />
</svg>
);
}Vue: see /icons/flip-phone.md
Svelte: see /icons/flip-phone.md
HTML img: see /icons/flip-phone.md
CSS: see /icons/flip-phone.md
Data URL: see /icons/flip-phone.md
Sprite: see /icons/flip-phone.md
SwiftUI: see /icons/flip-phone.md
Compose: see /icons/flip-phone.md
Android XML: see /icons/flip-phone.md
Flutter: see /icons/flip-phone.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- flip phone, clamshell phone, feature phone
- Tags
- phone, flip-phone, clamshell, feature-phone, mobile, cellphone, keypad, retro
- Category
- Devices & hardware
- Component name
FlipPhoneIcon- History
- 20 px drawn, 24 px drawn, added
More devices & hardware icons
av-receiver backlight backlight-low backlight-off backspace backspace-right battery battery-alert battery-arrow-right battery-charging battery-check battery-clock battery-full battery-gear battery-low battery-medium · all devices & hardware icons
For agents
Metadata: /icons/flip-phone.json · Markdown: /icons/flip-phone.md · SVG: https://gentleface.com/svg/{style}/16/flip-phone.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/flip-phone.png