Headphone Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Headphone Svg 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/308698.svg" alt="Headphone Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308698.svg" alt="Headphone Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308698.svg" alt="Headphone Svg icon" :width="24" :height="24" />
CSS background
.icon-headphone---svg {
background-image: url('https://proicons.com/icon/308698.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 opacity="0.16" d="M3 15H6C6.55228 15 7 15.4477 7 16V19C7 20.1046 6.10457 21 5 21C3.89543 21 3 20.1046 3 19V15Z" fill="#292929"/> <path opacity="0.16" d="M17 16C17 15.4477 17.4477 15 18 15H21V19C21 20.1046 20.1046 21 19 21C17.8954 21 17 20.1046 17 19V16Z" fill="#292929"/> <path d="M21 15V12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12V15" stroke="#292929" stroke-width="2" stroke-linecap="round"/> <path d="M3 15V14H2V15H3ZM3 16H6V14H3V16ZM6 16V19H8V16H6ZM4 19V15H2V19H4ZM5 20C4.44772 20 4 19.5523 4 19H2C2 20.6569 3.34315 22 5 22V20ZM6 19C6 19.5523 5.55228 20 5 20V22C6.65685 22 8 20.6569 8 19H6ZM6 16H8C8 14.8954 7.10457 14 6 14V16Z" fill="#292929"/> <path d="M21 15H22V14H21V15ZM18 16H21V14H18V16ZM20 15V19H22V15H20ZM18 19V16H16V19H18ZM19 20C18.4477 20 18 19.5523 18 19H16C16 20.6569 17.3431 22 19 22V20ZM20 19C20 19.5523 19.5523 20 19 20V22C20.6569 22 22 20.6569 22 19H20ZM18 14C16.8954 14 16 14.8954 16 16H18V16V14Z" fill="#292929"/> </svg>
More from IconaMoon
View all
Copied!