Headphone Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Headphone icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/307786.svg" alt="Headphone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307786.svg" alt="Headphone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307786.svg" alt="Headphone icon" :width="24" :height="24" />
CSS background
.icon-headphone {
background-image: url('https://proicons.com/icon/307786.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 15V12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12V15" stroke="#292929" stroke-width="2.5" stroke-linecap="round"/> <path d="M3 15V13.75H1.75V15H3ZM3 16.25H6V13.75H3V16.25ZM5.75 16V19H8.25V16H5.75ZM4.25 19V15H1.75V19H4.25ZM5 19.75C4.58579 19.75 4.25 19.4142 4.25 19H1.75C1.75 20.7949 3.20507 22.25 5 22.25V19.75ZM5.75 19C5.75 19.4142 5.41421 19.75 5 19.75V22.25C6.79493 22.25 8.25 20.7949 8.25 19H5.75ZM6 16.25C5.86193 16.25 5.75 16.1381 5.75 16H8.25C8.25 14.7574 7.24264 13.75 6 13.75V16.25Z" fill="#292929"/> <path d="M21 15H22.25V13.75H21V15ZM18 16.25H21V13.75H18V16.25ZM19.75 15V19H22.25V15H19.75ZM18.25 19V16H15.75V19H18.25ZM19 19.75C18.5858 19.75 18.25 19.4142 18.25 19H15.75C15.75 20.7949 17.2051 22.25 19 22.25V19.75ZM19.75 19C19.75 19.4142 19.4142 19.75 19 19.75V22.25C20.7949 22.25 22.25 20.7949 22.25 19H19.75ZM18 13.75C16.7574 13.75 15.75 14.7574 15.75 16H18.25C18.25 16.1381 18.1381 16.25 18 16.25V13.75Z" fill="#292929"/> </svg>
More from IconaMoon
View all
Headphone in other icon packs
Copied!