Home/Libraries/Fluent UI System Color Icons (Iconify)/headset-48

Fluent UI System Color Icons (Iconify)

Headset48

License: MITCommercial Safe

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 48 48"><g fill="none"><path fill="url(#SVGiutpwccN)" d="M11.25 31L10 32a8.25 8.25 0 0 0 8.25 8.25H20v-2.5h-1.75A5.75 5.75 0 0 1 12.5 32z"/><path fill="url(#SVGIC7IqcNR)" d="M29 39a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="url(#SVGRUYlseqW)" d="M12.5 18c0-6.351 5.149-11.5 11.5-11.5S35.5 11.649 35.5 18v2l1 1.5L38 20v-2c0-7.732-6.268-14-14-14s-14 6.268-14 14v2l1.5 1.5l1-1.5z"/><path fill="url(#SVGVIzj3dos)" d="M12.5 20h5.25A2.25 2.25 0 0 1 20 22.25v7.5A2.25 2.25 0 0 1 17.75 32H12.5L11 26z"/><path fill="url(#SVGVIzj3dos)" d="m35.5 31.624l1.5-5.812L35.5 20h-5.25A2.25 2.25 0 0 0 28 22.25v7.5A2.25 2.25 0 0 0 30.25 32h3.5c.624 0 1.216-.134 1.75-.376"/><path fill="url(#SVG6z3Kpbcn)" d="M12.5 20H10v12h2.5z"/><path fill="url(#SVG6z3Kpbcn)" d="M35.5 31.624A4.25 4.25 0 0 0 38 27.75V20h-2.5z"/><defs><linearGradient id="SVGiutpwccN" x1="15.833" x2="12.993" y1="38.708" y2="30.977" gradientUnits="userSpaceOnUse"><stop stop-color="#9ca5ad"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGIC7IqcNR" x1="27.75" x2="19.279" y1="42.75" y2="37.802" gradientUnits="userSpaceOnUse"><stop stop-color="#383b3d"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGRUYlseqW" x1="0" x2="3.354" y1="4" y2="18.391" gradientUnits="userSpaceOnUse"><stop stop-color="#b9c0c7"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGVIzj3dos" x1="24" x2="24" y1="20" y2="32" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#0067bf"/></linearGradient><linearGradient id="SVG6z3Kpbcn" x1="24" x2="23.718" y1="20" y2="31.993" gradientUnits="userSpaceOnUse"><stop stop-color="#0078d4"/><stop offset="1" stop-color="#2052cb"/></linearGradient></defs></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. Headset48Icon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.