# headset icon

Headset. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/headset

- Category: Audio & video
- Use it for: headset, customer support, voice chat, headset mic, gaming headset, customer service, help desk, call center, voice channel, game chat
- Tags: headset, support, customer-service, help-desk, call-center, voice-chat, microphone, headphones
- Family: headphones, headphones-off, headset-off
- Component name: HeadsetIcon
- Added: 2026-10-15

## 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)

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/headset.svg · PNG https://gentleface.com/png/line-round/16/headset.png · https://gentleface.com/png/line-round/32/headset.png · https://gentleface.com/png/line-round/48/headset.png
- line-soft: https://gentleface.com/svg/line-soft/16/headset.svg · PNG https://gentleface.com/png/line-soft/16/headset.png · https://gentleface.com/png/line-soft/32/headset.png · https://gentleface.com/png/line-soft/48/headset.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/headset.svg · PNG https://gentleface.com/png/line-sharp/16/headset.png · https://gentleface.com/png/line-sharp/32/headset.png · https://gentleface.com/png/line-sharp/48/headset.png
- solid-round: https://gentleface.com/svg/solid-round/16/headset.svg · PNG https://gentleface.com/png/solid-round/16/headset.png · https://gentleface.com/png/solid-round/32/headset.png · https://gentleface.com/png/solid-round/48/headset.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/headset.svg · PNG https://gentleface.com/png/solid-soft/16/headset.png · https://gentleface.com/png/solid-soft/32/headset.png · https://gentleface.com/png/solid-soft/48/headset.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/headset.svg · PNG https://gentleface.com/png/solid-sharp/16/headset.png · https://gentleface.com/png/solid-sharp/32/headset.png · https://gentleface.com/png/solid-sharp/48/headset.png

The SVG of every style: https://gentleface.com/icons/headset.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/headset.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset. Takes the text color. */
.icon-headset {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#headset"/></svg>
```

### SwiftUI

```swift
// Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset
import SwiftUI

struct HeadsetIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 14.824, y: 13.42))
        p.addCurve(to: CGPoint(x: 14.268, y: 14.268), control1: CGPoint(x: 14.697, y: 13.741), control2: CGPoint(x: 14.512, y: 14.024))
        p.addCurve(to: CGPoint(x: 13.42, y: 14.824), control1: CGPoint(x: 14.024, y: 14.512), control2: CGPoint(x: 13.741, y: 14.697))
        p.addCurve(to: CGPoint(x: 12.5, y: 15), control1: CGPoint(x: 13.125, y: 14.941), control2: CGPoint(x: 12.818, y: 15))
        p.addLine(to: CGPoint(x: 8.5, y: 15))
        p.addCurve(to: CGPoint(x: 8.144, y: 14.856), control1: CGPoint(x: 8.359, y: 15), control2: CGPoint(x: 8.241, y: 14.952))
        p.addCurve(to: CGPoint(x: 8, y: 14.5), control1: CGPoint(x: 8.048, y: 14.759), control2: CGPoint(x: 8, y: 14.641))
        p.addCurve(to: CGPoint(x: 8.144, y: 14.144), control1: CGPoint(x: 8, y: 14.359), control2: CGPoint(x: 8.048, y: 14.241))
        p.addCurve(to: CGPoint(x: 8.5, y: 14), control1: CGPoint(x: 8.241, y: 14.048), control2: CGPoint(x: 8.359, y: 14))
        p.addLine(to: CGPoint(x: 12.5, y: 14))
        p.addCurve(to: CGPoint(x: 13.052, y: 13.895), control1: CGPoint(x: 12.691, y: 14), control2: CGPoint(x: 12.875, y: 13.965))
        p.addCurve(to: CGPoint(x: 13.561, y: 13.561), control1: CGPoint(x: 13.245, y: 13.818), control2: CGPoint(x: 13.414, y: 13.707))
        p.addCurve(to: CGPoint(x: 13.895, y: 13.052), control1: CGPoint(x: 13.707, y: 13.414), control2: CGPoint(x: 13.818, y: 13.245))
        p.addCurve(to: CGPoint(x: 13.914, y: 13), control1: CGPoint(x: 13.902, y: 13.035), control2: CGPoint(x: 13.908, y: 13.017))
        p.addLine(to: CGPoint(x: 11, y: 13))
        p.addCurve(to: CGPoint(x: 10.293, y: 12.707), control1: CGPoint(x: 10.724, y: 13), control2: CGPoint(x: 10.488, y: 12.902))
        p.addCurve(to: CGPoint(x: 10, y: 12), control1: CGPoint(x: 10.098, y: 12.512), control2: CGPoint(x: 10, y: 12.276))
        p.addLine(to: CGPoint(x: 10, y: 8))
        p.addCurve(to: CGPoint(x: 10.293, y: 7.293), control1: CGPoint(x: 10, y: 7.724), control2: CGPoint(x: 10.098, y: 7.488))
        p.addCurve(to: CGPoint(x: 11, y: 7), control1: CGPoint(x: 10.488, y: 7.098), control2: CGPoint(x: 10.724, y: 7))
        p.addLine(to: CGPoint(x: 13.917, y: 7))
        p.addCurve(to: CGPoint(x: 13.579, y: 5.791), control1: CGPoint(x: 13.848, y: 6.589), control2: CGPoint(x: 13.735, y: 6.186))
        p.addCurve(to: CGPoint(x: 12.243, y: 3.757), control1: CGPoint(x: 13.274, y: 5.021), control2: CGPoint(x: 12.828, y: 4.343))
        p.addCurve(to: CGPoint(x: 10.209, y: 2.421), control1: CGPoint(x: 11.657, y: 3.172), control2: CGPoint(x: 10.979, y: 2.726))
        p.addCurve(to: CGPoint(x: 8, y: 2), control1: CGPoint(x: 9.499, y: 2.14), control2: CGPoint(x: 8.763, y: 2))
        p.addCurve(to: CGPoint(x: 5.791, y: 2.421), control1: CGPoint(x: 7.237, y: 2), control2: CGPoint(x: 6.501, y: 2.14))
        p.addCurve(to: CGPoint(x: 3.757, y: 3.757), control1: CGPoint(x: 5.021, y: 2.726), control2: CGPoint(x: 4.343, y: 3.172))
        p.addCurve(to: CGPoint(x: 2.421, y: 5.791), control1: CGPoint(x: 3.172, y: 4.343), control2: CGPoint(x: 2.726, y: 5.021))
        p.addCurve(to: CGPoint(x: 2.083, y: 7), control1: CGPoint(x: 2.265, y: 6.186), control2: CGPoint(x: 2.152, y: 6.589))
        p.addLine(to: CGPoint(x: 5, y: 7))
        p.addCurve(to: CGPoint(x: 5.707, y: 7.293), control1: CGPoint(x: 5.276, y: 7), control2: CGPoint(x: 5.512, y: 7.098))
        p.addCurve(to: CGPoint(x: 6, y: 8), control1: CGPoint(x: 5.902, y: 7.488), control2: CGPoint(x: 6, y: 7.724))
        p.addLine(to: CGPoint(x: 6, y: 12))
        p.addCurve(to: CGPoint(x: 5.707, y: 12.707), control1: CGPoint(x: 6, y: 12.276), control2: CGPoint(x: 5.902, y: 12.512))
        p.addCurve(to: CGPoint(x: 5, y: 13), control1: CGPoint(x: 5.512, y: 12.902), control2: CGPoint(x: 5.276, y: 13))
        p.addLine(to: CGPoint(x: 2, y: 13))
        p.addCurve(to: CGPoint(x: 1.293, y: 12.707), control1: CGPoint(x: 1.724, y: 13), control2: CGPoint(x: 1.488, y: 12.902))
        p.addCurve(to: CGPoint(x: 1, y: 12), control1: CGPoint(x: 1.098, y: 12.512), control2: CGPoint(x: 1, y: 12.276))
        p.addLine(to: CGPoint(x: 1, y: 8))
        p.addCurve(to: CGPoint(x: 1.491, y: 5.423), control1: CGPoint(x: 1, y: 7.11), control2: CGPoint(x: 1.164, y: 6.251))
        p.addCurve(to: CGPoint(x: 3.05, y: 3.05), control1: CGPoint(x: 1.847, y: 4.525), control2: CGPoint(x: 2.367, y: 3.734))
        p.addCurve(to: CGPoint(x: 5.423, y: 1.491), control1: CGPoint(x: 3.734, y: 2.367), control2: CGPoint(x: 4.525, y: 1.847))
        p.addCurve(to: CGPoint(x: 8, y: 1), control1: CGPoint(x: 6.251, y: 1.164), control2: CGPoint(x: 7.11, y: 1))
        p.addCurve(to: CGPoint(x: 10.577, y: 1.491), control1: CGPoint(x: 8.89, y: 1), control2: CGPoint(x: 9.749, y: 1.164))
        p.addCurve(to: CGPoint(x: 12.95, y: 3.05), control1: CGPoint(x: 11.475, y: 1.847), control2: CGPoint(x: 12.266, y: 2.367))
        p.addCurve(to: CGPoint(x: 14.509, y: 5.423), control1: CGPoint(x: 13.633, y: 3.734), control2: CGPoint(x: 14.153, y: 4.525))
        p.addCurve(to: CGPoint(x: 15, y: 8), control1: CGPoint(x: 14.836, y: 6.251), control2: CGPoint(x: 15, y: 7.11))
        p.addLine(to: CGPoint(x: 15, y: 12))
        p.addCurve(to: CGPoint(x: 14.869, y: 12.5), control1: CGPoint(x: 15, y: 12.185), control2: CGPoint(x: 14.956, y: 12.351))
        p.addCurve(to: CGPoint(x: 14.974, y: 12.859), control1: CGPoint(x: 14.955, y: 12.599), control2: CGPoint(x: 14.993, y: 12.73))
        p.addCurve(to: CGPoint(x: 14.824, y: 13.42), control1: CGPoint(x: 14.947, y: 13.051), control2: CGPoint(x: 14.897, y: 13.238))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5, y: 12))
        p.addLine(to: CGPoint(x: 5, y: 8))
        p.addLine(to: CGPoint(x: 2, y: 8))
        p.addLine(to: CGPoint(x: 2, y: 12))
        p.addLine(to: CGPoint(x: 5, y: 12))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11, y: 12))
        p.addLine(to: CGPoint(x: 14, y: 12))
        p.addLine(to: CGPoint(x: 14, y: 8))
        p.addLine(to: CGPoint(x: 11, y: 8))
        p.addLine(to: CGPoint(x: 11, y: 12))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// HeadsetIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val HeadsetIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "headset", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(HeadsetIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_headset.xml · Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "headset" (line-round), MIT. https://gentleface.com/icons/headset
import 'package:flutter/widgets.dart';

class HeadsetIcon extends StatelessWidget {
  const HeadsetIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _HeadsetIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _HeadsetIconPainter extends CustomPainter {
  _HeadsetIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(14.824, 13.42)
      ..cubicTo(14.697, 13.741, 14.512, 14.024, 14.268, 14.268)
      ..cubicTo(14.024, 14.512, 13.741, 14.697, 13.42, 14.824)
      ..cubicTo(13.125, 14.941, 12.818, 15, 12.5, 15)
      ..lineTo(8.5, 15)
      ..cubicTo(8.359, 15, 8.241, 14.952, 8.144, 14.856)
      ..cubicTo(8.048, 14.759, 8, 14.641, 8, 14.5)
      ..cubicTo(8, 14.359, 8.048, 14.241, 8.144, 14.144)
      ..cubicTo(8.241, 14.048, 8.359, 14, 8.5, 14)
      ..lineTo(12.5, 14)
      ..cubicTo(12.691, 14, 12.875, 13.965, 13.052, 13.895)
      ..cubicTo(13.245, 13.818, 13.414, 13.707, 13.561, 13.561)
      ..cubicTo(13.707, 13.414, 13.818, 13.245, 13.895, 13.052)
      ..cubicTo(13.902, 13.035, 13.908, 13.017, 13.914, 13)
      ..lineTo(11, 13)
      ..cubicTo(10.724, 13, 10.488, 12.902, 10.293, 12.707)
      ..cubicTo(10.098, 12.512, 10, 12.276, 10, 12)
      ..lineTo(10, 8)
      ..cubicTo(10, 7.724, 10.098, 7.488, 10.293, 7.293)
      ..cubicTo(10.488, 7.098, 10.724, 7, 11, 7)
      ..lineTo(13.917, 7)
      ..cubicTo(13.848, 6.589, 13.735, 6.186, 13.579, 5.791)
      ..cubicTo(13.274, 5.021, 12.828, 4.343, 12.243, 3.757)
      ..cubicTo(11.657, 3.172, 10.979, 2.726, 10.209, 2.421)
      ..cubicTo(9.499, 2.14, 8.763, 2, 8, 2)
      ..cubicTo(7.237, 2, 6.501, 2.14, 5.791, 2.421)
      ..cubicTo(5.021, 2.726, 4.343, 3.172, 3.757, 3.757)
      ..cubicTo(3.172, 4.343, 2.726, 5.021, 2.421, 5.791)
      ..cubicTo(2.265, 6.186, 2.152, 6.589, 2.083, 7)
      ..lineTo(5, 7)
      ..cubicTo(5.276, 7, 5.512, 7.098, 5.707, 7.293)
      ..cubicTo(5.902, 7.488, 6, 7.724, 6, 8)
      ..lineTo(6, 12)
      ..cubicTo(6, 12.276, 5.902, 12.512, 5.707, 12.707)
      ..cubicTo(5.512, 12.902, 5.276, 13, 5, 13)
      ..lineTo(2, 13)
      ..cubicTo(1.724, 13, 1.488, 12.902, 1.293, 12.707)
      ..cubicTo(1.098, 12.512, 1, 12.276, 1, 12)
      ..lineTo(1, 8)
      ..cubicTo(1, 7.11, 1.164, 6.251, 1.491, 5.423)
      ..cubicTo(1.847, 4.525, 2.367, 3.734, 3.05, 3.05)
      ..cubicTo(3.734, 2.367, 4.525, 1.847, 5.423, 1.491)
      ..cubicTo(6.251, 1.164, 7.11, 1, 8, 1)
      ..cubicTo(8.89, 1, 9.749, 1.164, 10.577, 1.491)
      ..cubicTo(11.475, 1.847, 12.266, 2.367, 12.95, 3.05)
      ..cubicTo(13.633, 3.734, 14.153, 4.525, 14.509, 5.423)
      ..cubicTo(14.836, 6.251, 15, 7.11, 15, 8)
      ..lineTo(15, 12)
      ..cubicTo(15, 12.185, 14.956, 12.351, 14.869, 12.5)
      ..cubicTo(14.955, 12.599, 14.993, 12.73, 14.974, 12.859)
      ..cubicTo(14.947, 13.051, 14.897, 13.238, 14.824, 13.42)
      ..close()
      ..moveTo(5, 12)
      ..lineTo(5, 8)
      ..lineTo(2, 8)
      ..lineTo(2, 12)
      ..lineTo(5, 12)
      ..close()
      ..moveTo(11, 12)
      ..lineTo(14, 12)
      ..lineTo(14, 8)
      ..lineTo(11, 8)
      ..lineTo(11, 12)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_HeadsetIconPainter old) => old.color != color;
}
```