IconSearch logoIconsearch
Home/Libraries/Framework7 Icons (Iconify)/speaker-3
← Back to Search
Framework7 Icons (Iconify)

Speaker3

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" d="M47.937 49.384c.737.497 1.713.298 2.29-.518C53.87 43.65 56 36.941 56 29.834S53.85 16 50.227 10.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876 1.513-.298 2.35c3.205 4.717 5.196 10.77 5.196 17.2s-1.931 12.561-5.196 17.2c-.578.816-.458 1.811.298 2.349M22.715 48.01c1.353 0 2.329-.995 2.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975 0-1.612.477-2.687 1.433l-9.356 8.301a.7.7 0 0 1-.498.18H4.22c-2.826 0-4.22 1.413-4.22 4.42v7.922c0 3.006 1.394 4.42 4.22 4.42h5.913c.199 0 .378.06.498.179l9.356 8.381c.976.876 1.752 1.294 2.728 1.294m17.2-4.061c.776.517 1.732.318 2.289-.478c2.628-3.663 4.16-8.54 4.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875 1.493-.278 2.35c2.17 3.184 3.524 7.365 3.524 11.764c0 4.4-1.314 8.62-3.524 11.766c-.577.856-.478 1.831.279 2.349m-18.355-.14c-.1 0-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776 0-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155 1.155-1.155h6.629c.537 0 .916-.08 1.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179 0 .279.12.279.279v27.53c0 .18-.1.298-.28.298m10.412-5.235c.676.478 1.652.318 2.23-.458c1.552-2.09 2.487-5.156 2.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975 1.593-.338 2.469c1.155 1.552 1.851 3.921 1.851 6.29s-.736 4.738-1.87 6.311c-.598.856-.499 1.832.357 2.429"/></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. Speaker3Icon.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 Framework7 Icons (Iconify)

Browse all Framework7 Icons (Iconify) icons →
airplane
airplane
alarm
alarm
alarm-fill
alarm-fill
alt
alt
ant
ant
ant-circle
ant-circle
ant-circle-fill
ant-circle-fill
ant-fill
ant-fill
antenna-radiowaves-left-right
antenna-radiowaves-left-right
app
app
app-badge
app-badge
app-badge-fill
app-badge-fill