The Phosphor headset icon visually represents audio output and input devices, commonly used in UIs to signify audio controls, communication features, or media playback.
Common uses
- Audio playback controls
- Voice chat activation
- Customer support links
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Headset } from '@phosphor-icons/react';
<Headset size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Headset size={24} />thin
<Headset size={24} weight="thin" />light
<Headset size={24} weight="light" />bold
<Headset size={24} weight="bold" />fill
<Headset size={24} weight="fill" />duotone
<Headset size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- musicaudiolisteninggamingvoice chatmicrophoneheadphonessupportcustomer-servicecall-centermediagamesobjectsheadsetaudio devicegaming headset
FAQ
- What does the headset icon represent?
- It depicts a headset, typically used for listening to audio or communicating via voice.
- How do I use the headset icon in React?
- Import it from '@phosphor-icons/react' and use it as a component: `import { Headset } from '@phosphor-icons/react'; <Headset />`.
- What is the license for the Phosphor headset icon?
- The Phosphor icon library, including the headset icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →