Home/Libraries/OpenMoji (Iconify)/headphone

OpenMoji (Iconify)

Headphone

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#9b9b9a" d="m27.447 62.537l.083-22.913c-3.694 1.075-6.616 5.563-7.076 11.82c-.48 6.516 3.432 10.108 6.993 11.093M44.716 39.53l-.16 22.912c1.026-.369 2.772-.836 4.603-2.856c1.997-1.962 2.69-5.37 2.496-8.49c-.17-2.718-.822-5.428-2.058-7.295c-2.132-3.383-3.875-3.862-4.881-4.272"/><path fill="#d0cfce" d="m44.586 39.446l-3.731 1.193l-1.451 4.449l-.156 13.375l1.782 2.989l3.547.924zM32.365 57.728l.166-13.811l-1.363-3.277c-.277-.143-3.362-.964-3.362-.964c-.13.206-.063 22.9-.063 22.9l3.268-.997s1.442-2.482 1.355-3.85Z"/><path fill="#d0cfce" d="M60.833 48.3c6.971-16.933-3.083-30.15-5.233-32.742c-1.039-1.254-9.822-8.66-20.152-8.434c-8.947.197-18.915 7.465-22.096 12.355C7.418 29.117 9.4 41.081 9.41 41.146c1.697 9.743 4.57 12.598 4.57 12.598s1.658-1.411.247-4.3c-.977-1.528-2.642-8.327-2.642-13.825c0-14.735 10.503-25.853 24.43-25.862c13.928.009 24.43 11.127 24.43 25.862c0 5.5-1.34 11.497-2.574 13.56c-1.616 3.082.2 4.616.2 4.616c.213-.262.95-2.52 2.762-5.495"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M31.161 40.634a3.03 3.03 0 0 1 1.643 2.688v15.504c-.065 1.225.094 1.646-1.8 2.748m-3.462-21.95s-6.354 1.785-7.068 11.489s6.973 11.424 6.973 11.424zm13.317 1.002a3.02 3.02 0 0 0-1.446 2.542l-.173 15.504a3 3 0 0 0 1.816 2.788m3.66-21.93s6.334 1.855 6.939 11.566s-7.1 11.346-7.1 11.346z"/><path d="M58.047 53.808c3.21-5.058 5.09-11.17 5.09-18.189c0-15.759-11.353-28.536-27.106-28.552v0H36v0C20.247 7.084 8.895 19.86 8.895 35.619c0 7.019 1.88 13.13 5.088 18.19"/><path d="M50.214 20.194c-3.133-4.444-8.167-7.312-14.189-7.318v-.001h-.02v0c-5.996.007-11.013 2.85-14.148 7.262"/></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. HeadphoneIcon.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-SA-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.