Home/Libraries/Freehand free icons (Iconify)/headphones-1

Freehand free icons (Iconify)

Headphones1

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"><path fill="#818cf8" d="M7.227 18.54c0 1 0 1.221-1 1.821c-.311.36-.361.79 0 .79q.476-.143.92-.37c1.22-.62 1.08-1.38 1.11-2.24a11.5 11.5 0 0 0-.19-3.372a3.62 3.62 0 0 0-1-2.001a2.4 2.4 0 0 0-1.001-.32c-.35 0-.4.59 0 .76c.64.34.93-.21 1.16 4.932"/><path fill="#818cf8" d="M22.915 12.578a1.23 1.23 0 0 0-.59-.41c0-2.742-.05-5.123-1.882-7.514C17.061.28 9.528-.06 5.306 3.643a9.66 9.66 0 0 0-2.702 5.433a9 9 0 0 0-.27 2.621c-.5.089-.946.364-1.25.77C-.237 14.338-.027 17.47.083 19.761c.08 1.29.35 2.371 1.59 2.741c.8.23 1.631.328 2.462.29c1-.09 1.57-.53 1.66-1.51c0 0-.22-8.394-.26-8.364c0-1.07-.29-1.09-.92-1.191l.11-.65c.78-4.162 7.194-7.604 11.566-3.902c2.852 2.411 2.181 4.062 2.221 5.843s-.25 6.683-.27 8.364c.022.37.166.722.41 1c.74.8 2.672.51 3.712.21c1.24-.37 1.51-1.45 1.591-2.74c.05-2.252.27-5.414-1.04-7.274m-18.09-.18c0 .75 0 .15-.1 3.881c0 1.451.22 4.903-.14 5.263s-2.07 0-2.601-.13c-.53-.13-.74-1-.78-1.721c-.16-1.94-.47-5.122.56-6.773c.5-.8 2.151-.64 3.061-.52m5.563-7.775a8.76 8.76 0 0 0-5.643 4.183a7.1 7.1 0 0 0-.75 2.821q-.526-.045-1.05 0c.03-.81.147-1.616.35-2.401a8.9 8.9 0 0 1 2.701-4.843c3.692-3.101 10.725-2.861 13.757.86c1.64 2.002 1.89 4.223 1.94 6.804a9.6 9.6 0 0 0-2 .19a7.793 7.793 0 0 0-9.305-7.614m12.416 15.168c-.05.72-.1 1.51-.78 1.72a6.1 6.1 0 0 1-2.311.241c-.94-.18-.22-1.2-.54-8.824c.62-.06 2.771-.41 3.071.09c1.04 1.66.76 4.852.56 6.773"/><path fill="#818cf8" d="M16.761 19.711c-.15-.22 0-4.812.54-5.643c.2-.3.57-.3.951-.51c.38-.21 0-.73-.32-.69c-.36.074-.7.22-1 .43c-.821.63-1.171 2.301-1.231 3.351c0 .46 0 2.752.07 3.002c.24 1 1 1.31 1.88 1.63c.441.1.661-.39.361-.72a2.8 2.8 0 0 1-1.25-.85"/></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. Headphones1Icon.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.