Home/Libraries/Freehand free icons (Iconify)/help-headphones-customer-support

Freehand free icons (Iconify)

HelpHeadphonesCustomerSupport

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.59 6.89c0-.358 0-1.166-1.218-1.097c-1.217.07-.997 1.995 0 1.995c.798.02 1.227-.22 1.217-.897"/><path d="M23.701 10.123a4.2 4.2 0 0 0-1.845-2.993a3.1 3.1 0 0 0-1.506-.369q-.696.045-1.367.23a8 8 0 0 0-1.785-1.896a10.06 10.06 0 0 0-4.43-1.785a7.84 7.84 0 0 0-6.324 2.284A8.6 8.6 0 0 0 5.277 6.99a7.4 7.4 0 0 0-1.626-.229a3.1 3.1 0 0 0-1.506.37A4.2 4.2 0 0 0 .3 10.122a4.62 4.62 0 0 0 .778 3.421a3.64 3.64 0 0 0 1.995 1.137a4.2 4.2 0 0 0 2.204 0q.344.612.808 1.137c.1.1.23.18.34.28a8.3 8.3 0 0 0-2.235 1.865q-.466.543-.818 1.167a9 9 0 0 0-.608 1.267a18.6 18.6 0 0 0-.878 3.102a.41.41 0 0 0 .27.489a.42.42 0 0 0 .498-.28q.548-1.473 1.287-2.862c.319-.609.658-1.187.997-1.766a10.7 10.7 0 0 1 2.075-2.553a5.2 5.2 0 0 0 3.192.897a.35.35 0 0 0 .34-.359a.36.36 0 0 0-.37-.339a4.6 4.6 0 0 1-3.481-1.536a6.7 6.7 0 0 1-1.636-3.541a5.99 5.99 0 0 1 2.264-5.127a6.6 6.6 0 0 1 5.247-1.886a8.8 8.8 0 0 1 3.85 1.507a6.16 6.16 0 0 1 2.365 3.251a4.9 4.9 0 0 1-1.447 5.058a8.3 8.3 0 0 1-1.995 1.366a.3.3 0 0 0-.13.07a8.7 8.7 0 0 1-3.142.898a.399.399 0 0 0-.237.692a.4.4 0 0 0 .287.096a9.4 9.4 0 0 0 3.362-.848a11 11 0 0 1 1.895 2.304c.36.579.698 1.158.998 1.766q.736 1.392 1.296 2.863a.4.4 0 0 0 .49.28a.4.4 0 0 0 .268-.49a19.6 19.6 0 0 0-.867-3.102a10 10 0 0 0-.579-1.267a7 7 0 0 0-.798-1.117a8.4 8.4 0 0 0-1.865-1.586a8.2 8.2 0 0 0 2.234-1.795c.05 0 .08.1.15.12a4.2 4.2 0 0 0 2.204 0a3.64 3.64 0 0 0 1.995-1.138a4.62 4.62 0 0 0 .798-3.441m-20.339 3.61c-.53-.147-1-.462-1.337-.897a3.6 3.6 0 0 1-.399-2.524c.07-.44.205-.866.4-1.267c.15-.39.401-.735.728-.997c.297-.203.64-.33.997-.37c.388-.044.78-.044 1.167 0a6.24 6.24 0 0 0-.798 4.11c.135.729.373 1.434.708 2.095a3.4 3.4 0 0 1-1.466-.15m18.614-.897c-.337.435-.806.75-1.337.898a3.3 3.3 0 0 1-1.566.16a5.7 5.7 0 0 0 .838-4.819a7.2 7.2 0 0 0-.549-1.406q.459-.038.918 0c.357.04.7.166.997.369c.327.262.578.606.729.997c.187.402.315.829.379 1.267a3.6 3.6 0 0 1-.41 2.534"/><path d="M4.55 5.315a8.07 8.07 0 0 1 4.757-3.442a11.2 11.2 0 0 1 2.943-.519a8.8 8.8 0 0 1 2.933.31c.985.27 1.9.75 2.683 1.406a7.4 7.4 0 0 1 1.895 2.444a.4.4 0 0 0 .509.21a.39.39 0 0 0 .21-.52a8.1 8.1 0 0 0-1.936-2.882A8.2 8.2 0 0 0 15.552.477a9.5 9.5 0 0 0-3.362-.47a10.5 10.5 0 0 0-3.292.7a8.7 8.7 0 0 0-4.967 4.288a.35.35 0 0 0 .16.47a.34.34 0 0 0 .458-.15m4.878 7.83a.35.35 0 0 0-.399.3a.34.34 0 0 0 .3.388a8 8 0 0 0 1.875.41q.553.058 1.107 0c.558-.07 1.077-.21 1.626-.3a.39.39 0 0 0 .379-.409a.4.4 0 0 0-.41-.389c-.498 0-.997-.12-1.525-.15c.06-.369.14-.738.17-1.117s0-.848 0-1.257a2.5 2.5 0 0 0-.21-.848a1.28 1.28 0 0 0-.569-.618a1.6 1.6 0 0 0-.768-.17c-.419.05-.898.23-1.187.29a.36.36 0 0 0-.284.512a.34.34 0 0 0 .344.186h.997a.6.6 0 0 1 .33.12q.075.254.08.518c0 .23 0 .46.06.699c.059.239.089.698.119.997v.499l-.459.17c-.568 0-1.057.15-1.576.17"/></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. HelpHeadphonesCustomerSupportIcon.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.