Home/Libraries/Glyphs Poly (Iconify)/headphones

Glyphs Poly (Iconify)

Headphones

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="none"><path fill="#818cf8" d="m67.033 51.469l.328 1.972a2 2 0 0 0 1.622-1.532zM53.857 21.36l1-1.732zm-27.713 0l-1-1.732zM12.995 51.583l-1.949.45a2 2 0 0 0 1.62 1.523zm4.284 2.742a2 2 0 1 0 .658-3.946zm44.785-4.056a2 2 0 0 0 .657 3.946zm6.92 1.64c.48-2.125.73-4.32.73-6.549h-4c0 1.93-.217 3.83-.632 5.668zm.73-6.549a29.71 29.71 0 0 0-14.857-25.732l-2 3.464A25.71 25.71 0 0 1 65.713 45.36zM54.857 19.628a29.71 29.71 0 0 0-29.713 0l2 3.464a25.71 25.71 0 0 1 25.713 0zm-29.713 0A29.71 29.71 0 0 0 10.288 45.36h4c0-9.186 4.9-17.675 12.856-22.268zM10.288 45.36c0 2.273.26 4.51.758 6.672l3.898-.898a25.7 25.7 0 0 1-.656-5.774zm2.378 8.196l4.613.769l.658-3.946l-4.613-.768zm50.055.659l4.64-.774l-.657-3.945l-4.64.773z"/><path fill="#818cf8" 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 fill="#818cf8" 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. HeadphonesIcon.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 Poly (Iconify)

Browse all Glyphs Poly (Iconify) icons →