IconSearch logoIconsearch
Home/Libraries/Glyphs (Iconify)/phone-outline
← Back to Search
Glyphs (Iconify)

PhoneOutline

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M35.231 13.303c1.55-1.929 4.095-2.534 6.311-1.814l6.543 2.126c3.861 1.255 5.203 5.716 3.535 9.029a39.3 39.3 0 0 0-2.565 6.453c-.847 2.839-3.946 4.689-6.94 3.566a2 2 0 0 0-2.702 1.873v12.456a2 2 0 0 0 2.702 1.873c3.08-1.155 6.274.712 7.212 3.61a39.3 39.3 0 0 0 2.604 6.182c1.746 3.32.43 7.868-3.482 9.139l-6.906 2.243c-2.216.72-4.762.115-6.311-1.813a43.844 43.844 0 0 1 0-54.923m5.075 1.99c-.774-.251-1.537-.008-1.957.515a39.85 39.85 0 0 0 .001 49.913c.42.522 1.183.766 1.957.514l6.906-2.244c1.216-.395 1.94-2.021 1.178-3.473a43.4 43.4 0 0 1-2.869-6.81c-.312-.963-1.282-1.368-2.002-1.098c-3.923 1.47-8.107-1.429-8.107-5.618V34.536c0-4.19 4.184-7.09 8.107-5.618c.607.228 1.45-.119 1.702-.965a43.4 43.4 0 0 1 2.825-7.109c.727-1.443.004-3.034-1.198-3.425z" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PhoneOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →
a
a
a-bold
a-bold
a-duo
a-duo
a-outline
a-outline
accessible
accessible
accessible-bold
accessible-bold
accessible-duo
accessible-duo
accessible-outline
accessible-outline
activity
activity
activity-1
activity-1
activity-1-bold
activity-1-bold
activity-1-duo
activity-1-duo