Gentleface › Audio & video › headset

headset icon

Headset: headset, customer support, voice chat, headset mic. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15L8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5C8 14.359 8.048 14.241 8.144 14.144C8.241 14.048 8.359 14 8.5 14L12.5 14C12.691 14 12.875 13.965 13.052 13.895C13.245 13.818 13.414 13.707 13.561 13.561C13.707 13.414 13.818 13.245 13.895 13.052C13.902 13.035 13.908 13.017 13.914 13L11 13C10.724 13 10.488 12.902 10.293 12.707C10.098 12.512 10 12.276 10 12L10 8C10 7.724 10.098 7.488 10.293 7.293C10.488 7.098 10.724 7 11 7L13.917 7C13.848 6.589 13.735 6.186 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.237 2 6.501 2.14 5.791 2.421C5.021 2.726 4.343 3.172 3.757 3.757C3.172 4.343 2.726 5.021 2.421 5.791C2.265 6.186 2.152 6.589 2.083 7L5 7C5.276 7 5.512 7.098 5.707 7.293C5.902 7.488 6 7.724 6 8L6 12C6 12.276 5.902 12.512 5.707 12.707C5.512 12.902 5.276 13 5 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 8C1 7.11 1.164 6.251 1.491 5.423C1.847 4.525 2.367 3.734 3.05 3.05C3.734 2.367 4.525 1.847 5.423 1.491C6.251 1.164 7.11 1 8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8L15 12C15 12.185 14.956 12.351 14.869 12.5C14.955 12.599 14.993 12.73 14.974 12.859C14.947 13.051 14.897 13.238 14.824 13.42ZM5 12L5 8L2 8L2 12L5 12ZM11 12L14 12L14 8L11 8L11 12Z"/></svg>

React

// Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset
import type { SVGProps } from 'react';

export function HeadsetIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15L8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5C8 14.359 8.048 14.241 8.144 14.144C8.241 14.048 8.359 14 8.5 14L12.5 14C12.691 14 12.875 13.965 13.052 13.895C13.245 13.818 13.414 13.707 13.561 13.561C13.707 13.414 13.818 13.245 13.895 13.052C13.902 13.035 13.908 13.017 13.914 13L11 13C10.724 13 10.488 12.902 10.293 12.707C10.098 12.512 10 12.276 10 12L10 8C10 7.724 10.098 7.488 10.293 7.293C10.488 7.098 10.724 7 11 7L13.917 7C13.848 6.589 13.735 6.186 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.237 2 6.501 2.14 5.791 2.421C5.021 2.726 4.343 3.172 3.757 3.757C3.172 4.343 2.726 5.021 2.421 5.791C2.265 6.186 2.152 6.589 2.083 7L5 7C5.276 7 5.512 7.098 5.707 7.293C5.902 7.488 6 7.724 6 8L6 12C6 12.276 5.902 12.512 5.707 12.707C5.512 12.902 5.276 13 5 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 8C1 7.11 1.164 6.251 1.491 5.423C1.847 4.525 2.367 3.734 3.05 3.05C3.734 2.367 4.525 1.847 5.423 1.491C6.251 1.164 7.11 1 8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8L15 12C15 12.185 14.956 12.351 14.869 12.5C14.955 12.599 14.993 12.73 14.974 12.859C14.947 13.051 14.897 13.238 14.824 13.42ZM5 12L5 8L2 8L2 12L5 12ZM11 12L14 12L14 8L11 8L11 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/headset.md

Svelte

Svelte: see /icons/headset.md

HTML img

HTML img: see /icons/headset.md

CSS

CSS: see /icons/headset.md

Data URL

Data URL: see /icons/headset.md

Sprite

Sprite: see /icons/headset.md

SwiftUI

SwiftUI: see /icons/headset.md

Compose

Compose: see /icons/headset.md

Android XML

Android XML: see /icons/headset.md

Flutter

Flutter: see /icons/headset.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

headset, customer support, voice chat, headset mic, gaming headset, customer service, help desk, call center, voice channel, game chat

Alternatives

headphones: headphones without a mic, or listening (headphones)
user-headset: a support agent as a person (support-agent)
lifebuoy: a help center or support section (support)
help-circle: help or a question (help)
mic: the microphone on or off in a call (microphone)
phone: a phone call (call)

Also fits

earbuds: headphones with a boom mic for calls and support (headset)
headphones: headphones with a mic for calls, gaming or support (headset)
support: contact customer support by voice or chat
support agent: the headset device, or customer support in general (headset owns customer-support)

Tags

headset, support, customer-service, help-desk, call-center, voice-chat, microphone, headphones

Category

Audio & video

Component name

HeadsetIcon

History

2026-10-15 added

Family 3

headphones headphones-off headset-off

More audio & video icons

album aspect-ratio audio-lines cassette clapperboard disc eject explicit fast-forward film guitar hd keyframe keyframe-plus metronome mic · all audio & video icons

For agents

Metadata: /icons/headset.json · Markdown: /icons/headset.md · SVG: https://gentleface.com/svg/{style}/16/headset.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/headset.png

headset icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp