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

Freehand free icons (Iconify)

HeadphonesCable

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="M16.891 8.746a.29.29 0 0 0-.41 0c-2.006.16-2.257 1.584-2.287 3.45c0 1.002-.07 5.103 0 5.765c.13 1.183.662 2.006 1.865 2.006c.752.05.912-.251 1.153-1.113c.562-2.016.02-9.707-.32-10.108m-.601 10.098h-.11c-1.003 0-.863-1.003-.953-2.597c-.2-5.064-.311-5.646.13-6.277a1.56 1.56 0 0 1 1.133-.582c0-.13 0 1.875.06 3.82c.08 3.51.17 4.874-.26 5.636"/><path fill="#818cf8" d="M23.48 17.24c-.552-.662-1.204-.713-1.836-1.054a4.3 4.3 0 0 0 .16-3.69a4.5 4.5 0 0 0-1.574-1.925c.582-.782-.11-9.816-7.86-10.538C7.635-.288 3.103 1.747 1.88 6.42a18.2 18.2 0 0 0-.35 5.525a4.01 4.01 0 0 0 2.156 6.257c.32.131.658.213 1.002.24c.492 0 .512-.51 0-.721a5 5 0 0 1-.782-.301c-3.72-1.615-1.915-6.97 1.183-6.789c.492 0 .632-.511 0-.712a3.54 3.54 0 0 0-3.008 1.284c0-3.119.451-5.966 2.848-8.022c3.008-2.527 9.646-3.389 12.825.913a10.15 10.15 0 0 1 1.865 6.066c-.642-.34-2.006-.692-2.006-.1a.31.31 0 0 0 .311.29c2.005 0 3.7 2.899 2.858 5.014a3.43 3.43 0 0 1-2.687 2.136a.362.362 0 0 0-.06.722a5.06 5.06 0 0 0 3.188-1.564c.652.41 2.447.772 1.695 2.346s-2.357.902-3.42.912c-3.309 0-1.423 3.36-7.62 2.577c-2.657-.4-4.302-.732-5.094-.541a1.614 1.614 0 0 0-1.885-1.624c-2.938 0-2.487.32-2.748 1.323c-.701-.26-2.005-.37-2.075.13a.33.33 0 0 0 .29.372c.642.29.843.541 1.655.29c-.018.28.056.559.21.792c.392.562 2.136 1.003 3.5.622a1.41 1.41 0 0 0 1.003-1.283c1.845-.411 7.019 2.476 10.428.13c.662-.471.852-1.273 1.484-1.534c1.003-.411 2.256.07 3.4-.3c1.644-.432 2.446-2.437 1.433-3.63M5.61 22.763a4.1 4.1 0 0 1-2.656 0c-.241-.29 0-1.233 0-1.474a9.6 9.6 0 0 1 2.306.06c.812.241.36 1.334.35 1.414"/><path fill="#818cf8" d="M5.36 18.563c.19 1.003.522 1.634 1.534 1.564a2.08 2.08 0 0 0 1.494-.802c.522-.882.421-1.534.371-7.02c0-1.894-.27-3.278-2.286-3.438c-.2-.17-.481-.06-.602.521a56 56 0 0 0-.51 9.175m1.103-9.025c1.885.261 1.534 1.665 1.274 6.829a5.85 5.85 0 0 1-.321 2.336a1 1 0 0 1-.642.25h-.11a3.2 3.2 0 0 1-.291-1.002c-.06-.461.09-8.282.09-8.362z"/></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. HeadphonesCableIcon.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.