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

Freehand free icons (Iconify)

HeadphonesHuman

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="M8.995 14.186a.679.679 0 0 0-.17 1.188c.56.56 1.708-.27 1.099-.998a.68.68 0 0 0-.929-.19m2.267 0a.68.68 0 0 0-.17 1.188c.559.56 1.717-.27 1.098-.998a.68.68 0 0 0-.928-.19M8.616 9.464c.07.67.16 1.348.28 1.997v.08a.32.32 0 0 0-.05.449a2.1 2.1 0 0 0 1.707.739a1.78 1.78 0 0 0 1.627-.999c.188-.443.296-.916.32-1.397c.07-.999-.11-2.157-.08-2.995c.1-2.836.18-3.724.18-3.764l.17-2.236a6 6 0 0 0 0-.739a.64.64 0 0 0-.36-.47A1.6 1.6 0 0 0 11.84 0a9 9 0 0 0-.998.09c-.379 0-.828-.06-1.238 0c-.238.02-.47.09-.678.21a1.76 1.76 0 0 0-.75 1.227a11.4 11.4 0 0 0 0 2.566l.06.999c.31 3.893.36 4.163.38 4.372m.52-7.417c0-.36.09-.71.319-.839a.85.85 0 0 1 .419-.07c.36 0 .739.05 1.068 0s.47-.06.729-.08v.21l-.14 2.196l-.06 2.177v1.667c0 .858.23 1.996.21 2.995a3.3 3.3 0 0 1-.2 1.118a1.06 1.06 0 0 1-.998.609a1.46 1.46 0 0 1-1.158-.42a.25.25 0 0 0 .07-.229a32 32 0 0 1-.19-1.997c-.06-.998-.08-1.996-.11-2.995V4.073a14 14 0 0 1 .04-2.026"/><path fill="#818cf8" d="M15.634 10.543a6.7 6.7 0 0 0-.858-3.495a2.84 2.84 0 0 0-1.687-1.178c-.6 0-.53.54 0 .749c.798.37.898.689 1.237 1.368a6.5 6.5 0 0 1 .46 2.575a8.84 8.84 0 0 1-.869 4.263a3.58 3.58 0 0 1-3.334 1.997a5 5 0 0 1-1.508-.2a3.1 3.1 0 0 1-1.248-.688a3.3 3.3 0 0 1-.778-1.159a10 10 0 0 1-.58-2.246a7.2 7.2 0 0 1 .27-4.243c.24-.59.687-1.073 1.258-1.358c.31-.13.34-.878-.35-.559A2.7 2.7 0 0 0 6.12 7.917a8 8 0 0 0-.549 4.682c.076.854.257 1.696.54 2.506a4.15 4.15 0 0 0 2.666 2.546a6.5 6.5 0 0 0 1.836.25a4.57 4.57 0 0 0 3.654-1.698a8.7 8.7 0 0 0 1.367-5.66"/><path fill="#818cf8" d="M7.698 20.496a1 1 0 0 0-.4-.29c-.36-.15-.998-.28-1.128-.379q-.686-.38-1.308-.859a9.5 9.5 0 0 1-1.138-.998a7.85 7.85 0 0 1-1.867-4.233a9.45 9.45 0 0 1 .41-4.652c.218-.6.5-1.176.838-1.717A10.3 10.3 0 0 1 4.283 5.84a7 7 0 0 1 1.378-1.238a6.4 6.4 0 0 1 1.717-.699a.29.29 0 0 0 .21-.349a.29.29 0 0 0-.35-.2a7 7 0 0 0-1.916.64a8.4 8.4 0 0 0-1.588 1.307A11 11 0 0 0 2.376 6.88a9.6 9.6 0 0 0-.998 1.846a10.1 10.1 0 0 0-.569 5.182a8.6 8.6 0 0 0 2.196 4.732q.605.6 1.308 1.078q.695.476 1.458.839l1.328.41c.214.293.351.636.399.997c.05.411.05.827 0 1.238a.32.32 0 1 0 .629.09c.09-.562.09-1.135 0-1.697a2.8 2.8 0 0 0-.43-1.098m15.275-6.071c-.19-.56-.38-1.118-.559-1.687c-.12-.37-.22-.739-.32-1.118a18.8 18.8 0 0 0-1.996-5.561a7.57 7.57 0 0 0-2.995-2.636a8 8 0 0 0-1.617-.549a11 11 0 0 0-1.648-.29a.28.28 0 0 0-.31.26a.29.29 0 0 0 .26.31q.782.105 1.538.33a6.6 6.6 0 0 1 3.993 3.044a18.2 18.2 0 0 1 1.647 5.351c.1.4.21.789.33 1.178c.18.58.38 1.148.579 1.727c.08.23.19.47.26.72a.63.63 0 0 1 0 .428a.9.9 0 0 1-.5.44a5.5 5.5 0 0 1-1.437.33a7 7 0 0 0-.789.059a1 1 0 0 0-.529.32a2.15 2.15 0 0 0-.45.998a6.6 6.6 0 0 1-.239 1.937a2.1 2.1 0 0 1-1.607.998a9.4 9.4 0 0 1-3.305-.05a.32.32 0 0 0-.39.24a.33.33 0 0 0 .25.379q.756.187 1.528.28a4 4 0 0 0-.1.509a1.6 1.6 0 0 0 0 .31c0 .099 0 .199.05.299s.15.459.21.699a.33.33 0 0 0 .454.294a.32.32 0 0 0 .195-.305q.102-.37.16-.748q.015-.165 0-.33a1.3 1.3 0 0 0-.05-.32a4 4 0 0 0-.14-.339q.67.036 1.338-.05a2.93 2.93 0 0 0 2.236-1.397c.235-.696.37-1.422.4-2.157c.035-.207.12-.402.249-.569c.08.2.499 0 .709 0a6.2 6.2 0 0 0 1.747-.349a1.9 1.9 0 0 0 1.058-.998c.098-.227.139-.473.12-.72a5.3 5.3 0 0 0-.33-1.267"/></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. HeadphonesHumanIcon.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.