A handset, for calls, dialling, a phone number and contacting support. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M2 4C2 2.8954 2.8954 2 4 2L7 2C8.1046 2 9 2.8954 9 4L9 7C9 7.6295 8.7036 8.2223 8.2 8.6L7.7388 8.9459C7.487 9.1348 7.3388 9.4312 7.3388 9.7459C7.3388 9.8992 7.374 10.0504 7.4417 10.1879C8.8053 12.9552 11.0448 15.1947 13.8121 16.5583C13.9496 16.626 14.1008 16.6612 14.2541 16.6612C14.5688 16.6612 14.8652 16.513 15.0541 16.2612L15.4 15.8C15.7777 15.2964 16.3705 15 17 15L20 15C21.1046 15 22 15.8954 22 17L22 20C22 21.1046 21.1046 22 20 22C10.0589 22 2 13.9411 2 4Z" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- call
- dial
- telephone
- handset
- contact
- ring
Related icons
The rest of the phone family first, then the Devices shelf.
FAQ
Answered from phone's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- [ FAQ #01 ]What is the phone icon for?
- A handset, for calls, dialling, a phone number and contacting support. It is filed under Devices in Flux Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as call, dial, telephone, handset, contact and ring, and the browser's search matches all of those.
- [ FAQ #02 ]What styles does the phone icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- [ FAQ #03 ]Is there a square or circle version of phone?
- No. phone is drawn as a bare glyph, and the set has no boxed variant of it.
- [ FAQ #04 ]What other icons go with phone?
- phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off and phone-outgoing, and 12 more, all shown below. The phone family is listed first, then the rest of the Devices shelf, so the row under this one is the useful one even where a shelf runs long.
- [ FAQ #05 ]How do I import phone in React?
- <Phone /> is the component, and the weight decides the module: stroke from "@flux-icons/react", two-tone from "@flux-icons/react/two-tone", duotone from "@flux-icons/react/duotone" and fill from "@flux-icons/react/fill". It takes the usual SVG props plus a size, so <Phone size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- [ FAQ #06 ]Where is the phone SVG?
- icons/stroke/phone.svg, icons/two-tone/phone.svg, icons/duotone/phone.svg and icons/fill/phone.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- [ FAQ #07 ]When was phone added to the set?
- Added 8 Sept 2026, and last redrawn 16 Sept 2026. It ships in v0.5.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.