Home/Libraries/Glyphs (Iconify)/volume-3-bold

Glyphs (Iconify)

Volume3Bold

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 80 80"><g fill="#818cf8"><path fill-rule="evenodd" d="M17.732 49.747a2 2 0 0 0-1.414-.586H6.146a2 2 0 0 1-2-2V33.168a2 2 0 0 1 2-2H16.32a2 2 0 0 0 1.413-.586l11-10.996c1.26-1.26 3.415-.367 3.415 1.415v38.327c0 1.782-2.154 2.674-3.414 1.415z" clip-rule="evenodd"/><path d="M32.147 21.17h2zm-3.414 39.573l-1.414 1.414zm-11-30.16l1.413 1.414zm-.001 19.164l-1.414 1.414zm-1.414-2.586H6.146v4h10.172zm-10.172 0V33.168h-4V47.16zm0-13.993H16.32v-4H6.146zm13-1.171l11-10.996l-2.827-2.83l-11 10.997zm11-10.996v.169h4V21zm0 .169v36.986h4V21.17zm0 36.986v1.172h4v-1.172zm0 1.172l-11-10.996l-2.828 2.829l11 10.996zm0 0l-2.827 2.83c2.52 2.519 6.828.734 6.828-2.83zm0-38.327h4c0-3.564-4.307-5.348-6.827-2.83zM16.32 33.168a4 4 0 0 0 2.827-1.171l-2.828-2.83zm-10.173 0v-4a4 4 0 0 0-4 4zm0 13.993h-4a4 4 0 0 0 4 4zm10.172 4l2.828-2.829a4 4 0 0 0-2.828-1.171zm25.076-20.252l1.85-1.68zm3.21 5.851l-2.42.63zm-6.018-11.222a2.5 2.5 0 0 0-2.45 4.359zm2.808 23.568l1.85 1.68zm-5.256 1.01a2.5 2.5 0 0 0 2.45 4.359zm17.133-26.03l1.85-1.682zm5.617 10.239l-2.42.629zm-9.383-16.737a2.5 2.5 0 1 0-2.773 4.16zm3.766 38.341l-1.85-1.68zm-6.537 2.336a2.5 2.5 0 0 0 2.774 4.16zm18.41-41.009l-1.851 1.68zm8.023 14.628l2.42-.63zM60.27 9.624a2.5 2.5 0 1 0-2.899 4.073zm4.874 53.123l1.85 1.681zm-7.778 3.563a2.5 2.5 0 1 0 2.899 4.074zm15.802-18.19l2.42.629zM39.544 32.59c1.299 1.43 2.192 3.073 2.64 4.8l4.84-1.259c-.663-2.548-1.963-4.904-3.779-6.903zm-3.407-2.693a13.6 13.6 0 0 1 3.407 2.693l3.701-3.362a18.6 18.6 0 0 0-4.658-3.69zm3.407 17.528a13.6 13.6 0 0 1-3.405 2.691l2.45 4.359a18.6 18.6 0 0 0 4.656-3.689zm2.64-4.8c-.448 1.727-1.341 3.37-2.64 4.8l3.701 3.361c1.816-1.998 3.117-4.355 3.779-6.903zm4.84 1.258a15.36 15.36 0 0 0 0-7.752l-4.84 1.258a10.36 10.36 0 0 1 0 5.236zm4.398-18.117c2.466 2.715 4.181 5.858 5.047 9.188l4.84-1.258c-1.08-4.151-3.204-8.008-6.186-11.292zm-4.69-4.018a25.2 25.2 0 0 1 4.69 4.018l3.7-3.362a30.2 30.2 0 0 0-5.616-4.816zm4.69 32.5a25.2 25.2 0 0 1-4.687 4.017l2.774 4.16c2.076-1.385 3.965-3 5.614-4.815zm5.047-9.187c-.866 3.33-2.581 6.472-5.047 9.187l3.7 3.362c2.983-3.284 5.107-7.14 6.186-11.291zm4.84 1.258a25 25 0 0 0 0-12.623l-4.84 1.258a20 20 0 0 1 0 10.107zm1.985-27.382c3.633 4 6.172 8.643 7.454 13.576l4.84-1.258c-1.497-5.754-4.443-11.11-8.593-15.68zm-5.922-5.24a37 37 0 0 1 5.922 5.24l3.7-3.362a42 42 0 0 0-6.724-5.951zm5.922 47.37a37 37 0 0 1-5.927 5.243l2.898 4.074a42 42 0 0 0 6.73-5.956zm7.454-13.577c-1.282 4.933-3.82 9.576-7.455 13.576l3.702 3.362c4.15-4.57 7.096-9.926 8.592-15.68zm4.84 1.258a34.65 34.65 0 0 0 0-17.493l-4.84 1.258a29.65 29.65 0 0 1 0 14.978z"/></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. Volume3BoldIcon.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 →