Home/Libraries/Freehand free icons (Iconify)/equalizer-volume-graph

Freehand free icons (Iconify)

EqualizerVolumeGraph

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="M21.172 12.512a1.9 1.9 0 0 0-.78.57q-.124.161-.2.35c-.15.35-.33.92-.51 1.409a5.8 5.8 0 0 0-1.238-2.139a1.3 1.3 0 0 0-.29-.19h-1a1 1 0 0 0-.2.12a4.8 4.8 0 0 0-.999 1.31c-.41.749-.79 1.658-1.119 2.388c0-.54.08-1.08.08-1.6a6 6 0 0 0-.26-1.998l-.06-.07v-.11h-2.928a.6.6 0 0 0 .12.21a2 2 0 0 0-.09.13a17 17 0 0 0-.67 2.109c-.25.999-.509 2.088-.709 3.127a20 20 0 0 0-.71-3.477a4.77 4.77 0 0 0-1.398-2.208H6.072c-.424.243-.74.64-.88 1.109a9.8 9.8 0 0 0-.21 2.688v.44l-.299-.61a9.3 9.3 0 0 0-1.699-2.358a10 10 0 0 0-1.878-1.34l.08-.06H.046a.4.4 0 0 0 0 .18v.1a.32.32 0 0 0 .26.15a9 9 0 0 1 2.099 1.53a8.4 8.4 0 0 1 1.579 2.188l.82 1.788l.189.62q.055.258.16.5a.43.43 0 0 0 .39.16a.47.47 0 0 0 .44-.25a1.2 1.2 0 0 0 .12-.52c0-.42-.07-1.06-.07-1.319v-1.18a8.6 8.6 0 0 1 .2-2.418a.93.93 0 0 1 .848-.659a.8.8 0 0 1 .27 0a.4.4 0 0 1 .17.1a4.4 4.4 0 0 1 1.15 2.418c.37 1.56.469 3.358.669 4.557l.31 2.078l.08.69v.35a.67.67 0 0 0 .17.37a.61.61 0 0 0 .879.12a.74.74 0 0 0 .31-.5v-.65l.09-1.918q.182-1.583.53-3.138c1.048-4.997 1.188-4.497 1.738-4.407c.118.47.175.954.17 1.439c0 1.469-.24 3.178-.2 4.297a.56.56 0 0 0 .53.6a.57.57 0 0 0 .52-.23c.06-.09.22-.54.31-.71l.589-1.15c.41-.759.87-2.088 1.409-3.107c.187-.373.437-.71.74-1c.08-.07.16 0 .239.06q.188.176.33.39c.279.411.507.854.68 1.32l.18.65v.349a.6.6 0 0 0 .179.24a.42.42 0 0 0 .44.07a1.26 1.26 0 0 0 .62-.69c.31-.67.569-1.859.799-2.148a1.25 1.25 0 0 1 .76-.47a4.4 4.4 0 0 1 1.648 0a.39.39 0 0 0 .45-.32a.37.37 0 0 0-.11-.28z"/><path d="M2.984 10.894a10 10 0 0 0 1.69-2.489l.309-.63v.47a8.05 8.05 0 0 0 .38 3.398c.176.306.436.556.75.72H8.2l-.11-.05h.06a5.15 5.15 0 0 0 1.33-2.399c.334-1.197.565-2.42.69-3.657a77 77 0 0 0 .789 3.677q.29 1.264.72 2.489h2.927a7.4 7.4 0 0 0 .19-2.209c0-.63-.09-1.3-.16-1.999c.36.77.77 1.71 1.21 2.489a5.7 5.7 0 0 0 1.049 1.419q.153.131.34.21l-.11.06h.999c.194-.1.364-.24.5-.41c.442-.69.779-1.44.999-2.229v-.09l.999 2.139c.223.3.529.53.88.66h-.1l-.08-.08a.38.38 0 0 0 .15-.36a.39.39 0 0 0-.45-.31c-.534.11-1.085.11-1.62 0a1.3 1.3 0 0 1-.739-.5c-.22-.32-.66-1.708-1.049-2.488a1.55 1.55 0 0 0-.66-.76a.44.44 0 0 0-.489.1a.5.5 0 0 0-.14.23v.36l-.18.7a13 13 0 0 1-.66 1.568a3 3 0 0 1-.35.57h-.05a4.6 4.6 0 0 1-.798-1.17c-.6-1.108-1.15-2.547-1.55-3.357l-.579-1.239c-.09-.17-.24-.64-.31-.74a.54.54 0 0 0-.56-.25a.56.56 0 0 0-.499.6c0 1.2.29 3.248.32 4.997a6 6 0 0 1-.17 1.669a1.6 1.6 0 0 1-.53 0c0-.12-.17-.46-.26-.77c-.3-.999-.68-2.698-.999-4.277A36 36 0 0 1 8.57 3.4l-.08-2.09V.63c2.46-.193 2.357-.37 2.2-.488a.64.64 0 0 0-.52-.13a.67.67 0 0 0-.48.3a.7.7 0 0 0-.11.32v.33l-.08.769l-.3 2.277c-.2 1.28-.3 3.198-.65 4.867a5 5 0 0 1-1.189 2.648a.4.4 0 0 1-.16.1a.6.6 0 0 1-.24 0a1 1 0 0 1-.849-.76a11 11 0 0 1-.19-2.588V7.006c0-.27.08-.999.06-1.409a1.3 1.3 0 0 0-.12-.59a.45.45 0 0 0-.43-.27a.45.45 0 0 0-.37.2q-.078.246-.119.5l-.2.66l-.76 1.909a9.2 9.2 0 0 1-1.548 2.328a8.7 8.7 0 0 1-2.129 1.669a.34.34 0 0 0-.25.17v.09h1.1a9 9 0 0 0 1.828-1.37"/></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. EqualizerVolumeGraphIcon.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.