headphones icon
headphones from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.
- Name
- headphones
- Set
- Prime Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
headphonesBootstrap IconsheadphonesCarbonheadphones-fillEva IconsheadphonesFramework7 IconsheadphonesFont Awesome 6 SolidheadphonesFont Awesome RegularheadphonesFont Awesome SolidheadphonesFeather Iconsheadphones-outlineFlowbite Iconsheadphones-12-filledFluent UI System Iconsheadphones-20Fluent UI System Color IconsheadphonesHuge IconsheadphonesLine AwesomeheadphonesLucideheadphonesMaterial SymbolsheadphonesMaterial Symbols LightheadphonesMaterial Design IconsheadphonesMyna UI IconsheadphonesPhosphorheadphonesTabler Iconsheadphones-outlineTeenyiconsheadphonesUnicons
Use the headphones icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.799 12.525A1.75 1.75 0 0 1 7.25 14.25v3.174a1.75 1.75 0 0 1-2.23 1.683l-1.5-.429a1.75 1.75 0 0 1-1.27-1.682v-2.128c0-.663.374-1.269.967-1.565l1.054-.527c.016-.229.045-.53.096-.884a11.6 11.6 0 0 1 .82-2.943C5.662 7.87 6.386 6.752 7.5 5.903C8.622 5.048 10.096 4.5 12 4.5s3.378.548 4.501 1.403c1.114.849 1.838 1.966 2.311 3.046s.705 2.15.82 2.943c.052.353.081.656.097.884l1.054.527c.592.296.967.902.967 1.565v2.128a1.75 1.75 0 0 1-1.27 1.682l-1.5.429a1.75 1.75 0 0 1-2.23-1.683V14.25a1.75 1.75 0 0 1 1.451-1.725q-.019-.19-.053-.417a10 10 0 0 0-.71-2.557c-.402-.92-.99-1.803-1.846-2.454C14.747 6.452 13.596 6 12 6s-2.747.452-3.592 1.097c-.856.651-1.444 1.534-1.846 2.454s-.607 1.85-.71 2.557q-.033.227-.053.417M18.823 14H18.5a.25.25 0 0 0-.25.25v3.174a.25.25 0 0 0 .319.24l1.5-.428a.25.25 0 0 0 .181-.24v-2.128a.25.25 0 0 0-.138-.224zM5.177 14l-1.289.645a.25.25 0 0 0-.138.223v2.128c0 .111.074.21.181.24l1.5.429a.25.25 0 0 0 .319-.24V14.25A.25.25 0 0 0 5.5 14z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function PrimeHeadphones(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.799 12.525A1.75 1.75 0 0 1 7.25 14.25v3.174a1.75 1.75 0 0 1-2.23 1.683l-1.5-.429a1.75 1.75 0 0 1-1.27-1.682v-2.128c0-.663.374-1.269.967-1.565l1.054-.527c.016-.229.045-.53.096-.884a11.6 11.6 0 0 1 .82-2.943C5.662 7.87 6.386 6.752 7.5 5.903C8.622 5.048 10.096 4.5 12 4.5s3.378.548 4.501 1.403c1.114.849 1.838 1.966 2.311 3.046s.705 2.15.82 2.943c.052.353.081.656.097.884l1.054.527c.592.296.967.902.967 1.565v2.128a1.75 1.75 0 0 1-1.27 1.682l-1.5.429a1.75 1.75 0 0 1-2.23-1.683V14.25a1.75 1.75 0 0 1 1.451-1.725q-.019-.19-.053-.417a10 10 0 0 0-.71-2.557c-.402-.92-.99-1.803-1.846-2.454C14.747 6.452 13.596 6 12 6s-2.747.452-3.592 1.097c-.856.651-1.444 1.534-1.846 2.454s-.607 1.85-.71 2.557q-.033.227-.053.417M18.823 14H18.5a.25.25 0 0 0-.25.25v3.174a.25.25 0 0 0 .319.24l1.5-.428a.25.25 0 0 0 .181-.24v-2.128a.25.25 0 0 0-.138-.224zM5.177 14l-1.289.645a.25.25 0 0 0-.138.223v2.128c0 .111.074.21.181.24l1.5.429a.25.25 0 0 0 .319-.24V14.25A.25.25 0 0 0 5.5 14z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.799 12.525A1.75 1.75 0 0 1 7.25 14.25v3.174a1.75 1.75 0 0 1-2.23 1.683l-1.5-.429a1.75 1.75 0 0 1-1.27-1.682v-2.128c0-.663.374-1.269.967-1.565l1.054-.527c.016-.229.045-.53.096-.884a11.6 11.6 0 0 1 .82-2.943C5.662 7.87 6.386 6.752 7.5 5.903C8.622 5.048 10.096 4.5 12 4.5s3.378.548 4.501 1.403c1.114.849 1.838 1.966 2.311 3.046s.705 2.15.82 2.943c.052.353.081.656.097.884l1.054.527c.592.296.967.902.967 1.565v2.128a1.75 1.75 0 0 1-1.27 1.682l-1.5.429a1.75 1.75 0 0 1-2.23-1.683V14.25a1.75 1.75 0 0 1 1.451-1.725q-.019-.19-.053-.417a10 10 0 0 0-.71-2.557c-.402-.92-.99-1.803-1.846-2.454C14.747 6.452 13.596 6 12 6s-2.747.452-3.592 1.097c-.856.651-1.444 1.534-1.846 2.454s-.607 1.85-.71 2.557q-.033.227-.053.417M18.823 14H18.5a.25.25 0 0 0-.25.25v3.174a.25.25 0 0 0 .319.24l1.5-.428a.25.25 0 0 0 .181-.24v-2.128a.25.25 0 0 0-.138-.224zM5.177 14l-1.289.645a.25.25 0 0 0-.138.223v2.128c0 .111.074.21.181.24l1.5.429a.25.25 0 0 0 .319-.24V14.25A.25.25 0 0 0 5.5 14z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-headphones {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.799%2012.525A1.75%201.75%200%200%201%207.25%2014.25v3.174a1.75%201.75%200%200%201-2.23%201.683l-1.5-.429a1.75%201.75%200%200%201-1.27-1.682v-2.128c0-.663.374-1.269.967-1.565l1.054-.527c.016-.229.045-.53.096-.884a11.6%2011.6%200%200%201%20.82-2.943C5.662%207.87%206.386%206.752%207.5%205.903C8.622%205.048%2010.096%204.5%2012%204.5s3.378.548%204.501%201.403c1.114.849%201.838%201.966%202.311%203.046s.705%202.15.82%202.943c.052.353.081.656.097.884l1.054.527c.592.296.967.902.967%201.565v2.128a1.75%201.75%200%200%201-1.27%201.682l-1.5.429a1.75%201.75%200%200%201-2.23-1.683V14.25a1.75%201.75%200%200%201%201.451-1.725q-.019-.19-.053-.417a10%2010%200%200%200-.71-2.557c-.402-.92-.99-1.803-1.846-2.454C14.747%206.452%2013.596%206%2012%206s-2.747.452-3.592%201.097c-.856.651-1.444%201.534-1.846%202.454s-.607%201.85-.71%202.557q-.033.227-.053.417M18.823%2014H18.5a.25.25%200%200%200-.25.25v3.174a.25.25%200%200%200%20.319.24l1.5-.428a.25.25%200%200%200%20.181-.24v-2.128a.25.25%200%200%200-.138-.224zM5.177%2014l-1.289.645a.25.25%200%200%200-.138.223v2.128c0%20.111.074.21.181.24l1.5.429a.25.25%200%200%200%20.319-.24V14.25A.25.25%200%200%200%205.5%2014z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.799%2012.525A1.75%201.75%200%200%201%207.25%2014.25v3.174a1.75%201.75%200%200%201-2.23%201.683l-1.5-.429a1.75%201.75%200%200%201-1.27-1.682v-2.128c0-.663.374-1.269.967-1.565l1.054-.527c.016-.229.045-.53.096-.884a11.6%2011.6%200%200%201%20.82-2.943C5.662%207.87%206.386%206.752%207.5%205.903C8.622%205.048%2010.096%204.5%2012%204.5s3.378.548%204.501%201.403c1.114.849%201.838%201.966%202.311%203.046s.705%202.15.82%202.943c.052.353.081.656.097.884l1.054.527c.592.296.967.902.967%201.565v2.128a1.75%201.75%200%200%201-1.27%201.682l-1.5.429a1.75%201.75%200%200%201-2.23-1.683V14.25a1.75%201.75%200%200%201%201.451-1.725q-.019-.19-.053-.417a10%2010%200%200%200-.71-2.557c-.402-.92-.99-1.803-1.846-2.454C14.747%206.452%2013.596%206%2012%206s-2.747.452-3.592%201.097c-.856.651-1.444%201.534-1.846%202.454s-.607%201.85-.71%202.557q-.033.227-.053.417M18.823%2014H18.5a.25.25%200%200%200-.25.25v3.174a.25.25%200%200%200%20.319.24l1.5-.428a.25.25%200%200%200%20.181-.24v-2.128a.25.25%200%200%200-.138-.224zM5.177%2014l-1.289.645a.25.25%200%200%200-.138.223v2.128c0%20.111.074.21.181.24l1.5.429a.25.25%200%200%200%20.319-.24V14.25A.25.25%200%200%200%205.5%2014z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/headphones.svg?color=%231a73e8&size=48
