Home/Libraries/Freehand free icons (Iconify)/speaker

Freehand free icons (Iconify)

Speaker

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M20.216 14.793a8.32 8.32 0 0 0-2.728-9.444a.34.34 0 0 0-.43.52a7.54 7.54 0 0 1 2.329 8.594c-2.399 5.996-12.162 6.406-14.72-.38S9.853 1.522 15.849 5.02a.3.3 0 0 0 .3-.51C9.603.463.879 6.908 3.627 14.473c2.749 7.565 13.94 7.365 16.589.32"/><path d="M15.38 7.318a5.32 5.32 0 0 1 1.608 6.056c-1.679 4.137-8.504 4.457-10.303-.28c-1.798-4.737 3.608-8.824 7.835-6.426a.292.292 0 0 0 .3-.5c-4.767-2.947-11.173 1.76-9.174 7.306s10.243 5.416 12.172.22a6.09 6.09 0 0 0-1.999-6.896a.34.34 0 0 0-.44.52"/><path d="M11.312 9.017a2.618 2.618 0 0 0-2.418 3.387a2.768 2.768 0 0 0 5.166.06a2.758 2.758 0 0 0-2.748-3.447m1.909 3.178a1.828 1.828 0 0 1-3.288-.18a1.73 1.73 0 0 1 1.44-2.339a1.79 1.79 0 0 1 1.848 2.469z"/><path d="M23.983 5.26c0-1 .16-2.519-.51-3.448C21.876-.337 15.74.562 12.412.492c-.78-.02-5.616-.22-6.875-.19A4.38 4.38 0 0 0 1.05 3.75a29 29 0 0 0-.79 4.597C0 11.415 0 17.811 0 18.42c.11 1.999.44 3.318 2.089 3.997c1.089.373 2.227.582 3.377.62c2.199.23 4.427.52 6.646.63a42 42 0 0 0 6.915-.29a5.41 5.41 0 0 0 4.307-3.997c.56-1.9.39-4.138.5-6.146c.15-2.698.15-5.276.15-7.975m-.93 0c0 2.578-.049 5.296-.219 7.874c-.22 3.388.31 6.995-2.668 8.714c-.95.57-2.468.53-3.607.64c-3.588.36-7.335-.17-10.993-.52a11.3 11.3 0 0 1-3.088-.49C1.28 21.008 1.1 20.01 1 18.36c0-.57-.2-6.745.05-9.993c.116-1.51.347-3.01.69-4.487A3.72 3.72 0 0 1 5.556.922c1 0 5.576.25 6.845.3c2.729.1 9.134-.58 10.333 1.11c.47.689.3 2.108.3 2.937z"/><path d="M5.996 4.32c1.139-1.998-1.999-2.768-2.828-.9c-.63 1.5 1.918 2.599 2.828.9m-1.819-.76a1 1 0 0 1 .52-.539c.45-.13.8.15.63.57a.76.76 0 0 1-.92.43c-.28-.1-.33-.29-.23-.46m17.068-1.18c-.447-.058-.901 0-1.319.17a1.84 1.84 0 0 0-.83.87c-.649 1.499 1.89 2.598 2.889.9a1.238 1.238 0 0 0-.74-1.94m0 1.24a.76.76 0 0 1-.92.41c-.279-.11-.319-.3-.229-.47c.46-.85 1.409-.54 1.14.06zM2.778 18.2c-.91.45-1.499 1.74-.08 2.499a1.68 1.68 0 0 0 2.089-.69c.81-1.509-.64-2.498-2.009-1.809m1.31 1.07a.75.75 0 0 1-.92.4c-.28-.11-.32-.29-.23-.46c.51-.92 1.399-.55 1.15.06m14.599-1.07c-.91.45-1.499 1.74-.08 2.499a1.68 1.68 0 0 0 2.089-.69c.809-1.509-.64-2.498-2.009-1.809m1.3 1.07a.77.77 0 0 1-.93.4c-.27-.11-.32-.29-.22-.46c.53-.93 1.409-.55 1.15.06"/></g></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 @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. SpeakerIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.