Headphones icon
A free headphones icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- headphones, audio, music, sound, listening, earphones, device
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2.49 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.51 0C4.26 0 0 4.26 0 9.51C0 10.6 0.18 11.64 0.52 12.62C0.16 11.36 0.89 10.04 2.15 9.68C3.41 9.32 4.73 10.05 5.09 11.31L6.14 14.97C6.5 16.23 5.77 17.55 4.51 17.91C3.25 18.27 1.93 17.54 1.57 16.28L0.52 12.62C0.18 11.64 0 10.6 0 9.51C0 4.26 4.26 0 9.51 0C14.77 0 19.02 4.26 19.02 9.51C19.02 10.6 18.84 11.64 18.51 12.62L17.46 16.28C17.09 17.54 15.78 18.27 14.52 17.91C13.25 17.55 12.52 16.23 12.88 14.97L13.93 11.31C14.3 10.05 15.61 9.32 16.87 9.68C18.14 10.04 18.87 11.36 18.51 12.62C18.84 11.64 19.02 10.6 19.02 9.51C19.02 4.26 14.77 0 9.51 0Z"/>
<path transform="translate(2.49 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.51 12.62C18.5 12.63 18.5 12.63 18.5 12.64M0.52 12.62C0.52 12.63 0.53 12.65 0.54 12.67"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(1.49 2)" fill="currentColor" d="M2.87 9.72C2.56 9.81 2.27 9.94 2.01 10.1C2.22 5.59 5.95 2 10.51 2C15.08 2 18.8 5.59 19.01 10.1C18.75 9.94 18.46 9.81 18.15 9.72C16.36 9.2 14.49 10.24 13.97 12.03L12.92 15.69C12.41 17.48 13.45 19.35 15.24 19.87C17.03 20.38 18.9 19.35 19.42 17.55L20.46 13.92C20.83 12.85 21.02 11.7 21.02 10.51C21.02 4.71 16.32 0 10.51 0C4.71 0 0 4.71 0 10.51C0 11.7 0.2 12.85 0.56 13.92L1.61 17.55C2.12 19.35 3.99 20.38 5.78 19.87C7.58 19.35 8.62 17.48 8.1 15.69L7.05 12.03C6.54 10.24 4.67 9.2 2.87 9.72Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2.49 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.54 12.67C0.19 11.68 0 10.62 0 9.51C0 4.26 4.26 0 9.51 0C14.77 0 19.02 4.26 19.02 9.51C19.02 10.61 18.84 11.66 18.5 12.64"/>
<path transform="translate(2.91 12.59)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.03 6.69L18.08 3.03C18.44 1.77 17.71 0.45 16.45 0.09C15.19 -0.27 13.87 0.46 13.51 1.72L12.46 5.38C12.1 6.64 12.83 7.96 14.09 8.32C15.35 8.68 16.67 7.95 17.03 6.69Z"/>
<path transform="translate(2.91 12.59)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5.71 5.38L4.66 1.72C4.3 0.46 2.99 -0.27 1.72 0.09C0.46 0.45 -0.27 1.77 0.09 3.03L1.14 6.69C1.5 7.95 2.82 8.68 4.08 8.32C5.35 7.96 6.08 6.64 5.71 5.38Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2.49 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.54 12.67C0.19 11.68 0 10.62 0 9.51C0 4.26 4.26 0 9.51 0C14.77 0 19.02 4.26 19.02 9.51C19.02 10.61 18.84 11.66 18.5 12.64"/>
<path transform="translate(1.91 11.58)" fill="currentColor" d="M6.63 2.45C6.11 0.65 4.24 -0.38 2.45 0.13C0.65 0.65 -0.38 2.52 0.13 4.31L1.18 7.97C1.69 9.76 3.57 10.8 5.36 10.28C7.15 9.77 8.19 7.9 7.67 6.11L6.63 2.45Z"/>
<path transform="translate(1.91 11.58)" fill="currentColor" d="M17.72 0.13C15.93 -0.38 14.06 0.65 13.55 2.45L12.5 6.11C11.98 7.9 13.02 9.77 14.81 10.28C16.61 10.8 18.48 9.76 18.99 7.97L20.04 4.31C20.55 2.52 19.52 0.65 17.72 0.13Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2.91 12.59)" fill="currentColor" d="M17.03 6.69L18.08 3.03C18.44 1.77 17.71 0.45 16.45 0.09C15.19 -0.27 13.87 0.46 13.51 1.72L12.46 5.38C12.1 6.64 12.83 7.96 14.09 8.32C15.35 8.68 16.67 7.95 17.03 6.69Z"/>
<path opacity="0.28" transform="translate(2.91 12.59)" fill="currentColor" d="M5.71 5.38L4.66 1.72C4.3 0.46 2.99 -0.27 1.72 0.09C0.46 0.45 -0.27 1.77 0.09 3.03L1.14 6.69C1.5 7.95 2.82 8.68 4.08 8.32C5.35 7.96 6.08 6.64 5.71 5.38Z"/>
<path transform="translate(2.49 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.51 0C4.26 0 0 4.26 0 9.51C0 10.6 0.18 11.64 0.52 12.62C0.16 11.36 0.89 10.04 2.15 9.68C3.41 9.32 4.73 10.05 5.09 11.31L6.14 14.97C6.5 16.23 5.77 17.55 4.51 17.91C3.25 18.27 1.93 17.54 1.57 16.28L0.52 12.62C0.18 11.64 0 10.6 0 9.51C0 4.26 4.26 0 9.51 0C14.77 0 19.02 4.26 19.02 9.51C19.02 10.6 18.84 11.64 18.51 12.62L17.46 16.28C17.09 17.54 15.78 18.27 14.52 17.91C13.25 17.55 12.52 16.23 12.88 14.97L13.93 11.31C14.3 10.05 15.61 9.32 16.87 9.68C18.14 10.04 18.87 11.36 18.51 12.62C18.84 11.64 19.02 10.6 19.02 9.51C19.02 4.26 14.77 0 9.51 0Z"/>
<path transform="translate(2.49 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.51 12.62C18.5 12.63 18.5 12.63 18.5 12.64M0.52 12.62C0.52 12.63 0.53 12.65 0.54 12.67"/>
</svg>
More Media & Multimedia icons
In the full library
- Airplay Cast
- Animation 01
- Animation 02
- Audio Bars 01
- Audio Bars 02
- Bluetooth Connected
- Bluetooth Off
- Bluetooth Signal
- Caption Off
- Caption On
- Film
- Headphones Off
- Incognito
- Media GIF
- Media Play Square
- Media Skip Backward
- Media Skip Forward
- Media Speed 1x
- Mic Microphone
- Mic Off
- Music Beam Note Off
- Music Quaver Note
- Music Quaver Note Off
- Music Quaver Note Plus
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
