Home/Libraries/Glyphs (Iconify)/headphones-bold

Glyphs (Iconify)

HeadphonesBold

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 d="m67.033 51.469l.493 2.959a3 3 0 0 0 2.433-2.298zM53.857 21.36l1.5-2.598zm-27.713 0l-1.5-2.598zM12.995 51.583l-2.923.674a3 3 0 0 0 2.43 2.285zm4.12 3.728a3 3 0 1 0 .986-5.918zm44.784-6.028a3 3 0 0 0 .987 5.918zm8.06 2.847c.496-2.197.754-4.466.754-6.77h-6c0 1.856-.207 3.68-.607 5.447zm.754-6.77a30.71 30.71 0 0 0-15.356-26.598l-3 5.196A24.71 24.71 0 0 1 64.713 45.36zM55.357 18.762a30.71 30.71 0 0 0-30.713 0l3 5.196a24.71 24.71 0 0 1 24.713 0zm-30.713 0A30.71 30.71 0 0 0 9.288 45.36h6c0-8.829 4.71-16.987 12.356-21.402zM9.288 45.36c0 2.35.268 4.66.784 6.897l5.846-1.347a24.7 24.7 0 0 1-.63-5.55zm3.214 9.182l4.613.77l.986-5.919l-4.613-.769zm50.384.66l4.64-.774l-.987-5.919l-4.64.774z"/><path fill-rule="evenodd" d="M49 41.375a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75a1.7 1.7 0 0 0 .85 1.473l4.542 2.622a4 4 0 0 1 2 3.464v7.382a4 4 0 0 1-2 3.464l-4.542 2.622a1.7 1.7 0 0 0-.85 1.473a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75zm-18 22.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75a1.7 1.7 0 0 0-.85-1.473l-4.542-2.622a4 4 0 0 1-2-3.464v-7.382a4 4 0 0 1 2-3.464l4.541-2.622A1.7 1.7 0 0 0 25 41.375a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75z" clip-rule="evenodd"/><path d="m24.15 42.848l1 1.732zM19.608 59.78l1-1.732zm36.242 2.622l-1-1.732zm4.542-2.622l1 1.732zM24.15 62.402l-1 1.732zm31.7-19.554l1-1.732zm-6.1-.223c.69 0 1.25-.56 1.25-1.25h-4a2.75 2.75 0 0 1 2.75-2.75zm2.25 0h-2.25v-4H52zm2.25 0H52v-4h2.25zM53 41.375c0 .69.56 1.25 1.25 1.25v-4a2.75 2.75 0 0 1 2.75 2.75zm6.392 5.827L54.85 44.58l2-3.464l4.542 2.622zm1 9.114v-7.382h4v7.382zM54.85 60.67l4.542-2.622l2 3.464l-4.542 2.622zm-.6 1.955c-.69 0-1.25.56-1.25 1.25h4a2.75 2.75 0 0 1-2.75 2.75zm-2.25 0h2.25v4H52zm-2.25 0H52v4h-2.25zm1.25 1.25c0-.69-.56-1.25-1.25-1.25v4a2.75 2.75 0 0 1-2.75-2.75zm0-.982v.982h-4v-.982zm-4 0V42.357h4v20.536zm4-21.518v.982h-4v-.982zm-20.75 21.25c-.69 0-1.25.56-1.25 1.25h4a2.75 2.75 0 0 1-2.75 2.75zm-2.25 0h2.25v4H28zm-2.25 0H28v4h-2.25zm1.25 1.25c0-.69-.56-1.25-1.25-1.25v4a2.75 2.75 0 0 1-2.75-2.75zm-6.392-5.827l4.541 2.622l-2 3.464l-4.541-2.622zm-1-9.114v7.382h-4v-7.382zm5.541-4.354l-4.541 2.622l-2-3.464l4.541-2.622zm.601-1.955c.69 0 1.25-.56 1.25-1.25h-4a2.75 2.75 0 0 1 2.75-2.75zm2.25 0h-2.25v-4H28zm2.25 0H28v-4h2.25zM29 41.375c0 .69.56 1.25 1.25 1.25v-4a2.75 2.75 0 0 1 2.75 2.75zm0 .982v-.982h4v.982zm4 0v20.536h-4V42.357zm-4 21.518v-.982h4v.982zm-5.85-22.759a.3.3 0 0 0-.15.259h4a3.7 3.7 0 0 1-1.85 3.205zm-7.542 7.818a6 6 0 0 1 3-5.196l2 3.464a2 2 0 0 0-1 1.732zm3 12.578a6 6 0 0 1-3-5.196h4a2 2 0 0 0 1 1.732zm38.242 2.622a.3.3 0 0 0 .15-.259h-4a3.7 3.7 0 0 1 1.85-3.205zm7.542-7.818a6 6 0 0 1-3 5.196l-2-3.464a2 2 0 0 0 1-1.732zM23 63.875c0 .107.057.206.15.259l2-3.464A3.7 3.7 0 0 1 27 63.875zm38.392-20.137a6 6 0 0 1 3 5.196h-4a2 2 0 0 0-1-1.732zM57 41.375a.3.3 0 0 0-.15-.259l-2 3.464A3.7 3.7 0 0 1 53 41.375z"/></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. HeadphonesBoldIcon.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 →