Home/Libraries/IonIcons/speakerphone

IonIcons

Speakerphone

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path d="M70.9 181.5c0-41 25-76.5 60.6-91.5h-7.7c-41.1 0-75.1 32.8-81.1 75.2-6 1-10.7 7.9-10.7 16.1 0 8.6 5.1 15.4 11.6 15.9 7.2 36.4 35.1 65.8 69.7 68.8h.1c1.4 0 2.8.6 4.2.9 1.1.2 2.2.4 3.3.7-29.9-17.1-50-49.2-50-86.1z" fill="#818cf8"/><path d="M465.1 91c-1.1-2.9-2.3-5.6-3.5-8.3-6.5-14.4-14.4-26-23.4-34.6C427 37.6 414.1 32 400.8 32c-8.3 0-16.4 2.2-24.1 6.4h-.1c-1.2.7-2.4 1.3-3.6 2-49 29-104.1 46.2-162.6 49.4-6.5.4-13 .2-19.5.2h-42.3c-34 15-59 50.5-59 91.5 0 36.8 19.2 69.1 47.8 86.1 13 10.9 41.7 11.7 40 23.9-1.9 13.2-5.5 21.9-7.8 30.7-1.3 4.8-23.6 72.9-25.3 144.7 0 2 0 3.7.2 6.6.2 2.9 2.2 6.4 8.5 6.4h76.8c6.6 0 9.7-3.3 9.3-9.3-.2-1.9-.6-4.3-.8-6.5-2.4-23.1-4.6-49.8-3.3-81.6 1.3-34 5.2-51.9 7-61.3 2.1-10.4 7.6-22.4 12.1-30.3 30.8.9 92.9 19.3 115.1 28.9 0 0 7.2 3.4 10.1 5.2 7 3.4 14.2 5.1 21.6 5.1.9 0 1.8 0 2.7-.1 12.3-.7 24.2-9.7 34.7-19.5 9.1-8.5 16.9-20.2 23.4-34.6 1.2-2.8 2.4-5.6 3.5-8.6 9.6-25 14.8-55.9 14.8-88.1 0-32.2-5.2-63.2-14.9-88.2zM442 267.5c-7.8 18.5-18.2 33.3-29.5 33.3s-21.6-14.7-29.4-33.3c-9.1-21.6-14.9-53.1-14.9-88.1 0-35.2 5.8-66.8 15-88.4 7.8-18.4 18.1-29.5 29.3-29.5 11.3 0 21.5 11.2 29.4 29.5 9.2 21.6 15 53.2 15 88.4 0 35-5.8 66.5-14.9 88.1z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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 react-ionicons) 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. SpeakerphoneIcon.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.