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/309306.svg" alt="Headphone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309306.svg" alt="Headphone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309306.svg" alt="Headphone icon" :width="24" :height="24" />
CSS background
.icon-headphone {
background-image: url('https://proicons.com/icon/309306.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="1.5" stroke-linecap="round"/> <path d="M3 15V14.25H2.25V15H3ZM3 15.75H6V14.25H3V15.75ZM6.25 16V19H7.75V16H6.25ZM3.75 19V15H2.25V19H3.75ZM5 20.25C4.30964 20.25 3.75 19.6904 3.75 19H2.25C2.25 20.5188 3.48122 21.75 5 21.75V20.25ZM6.25 19C6.25 19.6904 5.69036 20.25 5 20.25V21.75C6.51878 21.75 7.75 20.5188 7.75 19H6.25ZM6 15.75C6.13807 15.75 6.25 15.8619 6.25 16H7.75C7.75 15.0335 6.9665 14.25 6 14.25V15.75Z" fill="#292929"/> <path d="M21 15H21.75V14.25H21V15ZM18 15.75H21V14.25H18V15.75ZM20.25 15V19H21.75V15H20.25ZM17.75 19V16H16.25V19H17.75ZM19 20.25C18.3096 20.25 17.75 19.6904 17.75 19H16.25C16.25 20.5188 17.4812 21.75 19 21.75V20.25ZM20.25 19C20.25 19.6904 19.6904 20.25 19 20.25V21.75C20.5188 21.75 21.75 20.5188 21.75 19H20.25ZM18 14.25C17.0335 14.25 16.25 15.0335 16.25 16H17.75C17.75 15.8619 17.8619 15.75 18 15.75V14.25Z" fill="#292929"/> </svg>
More from IconaMoon
View all
Headphone in other icon packs
Copied!