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/309914.svg" alt="Headphone Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309914.svg" alt="Headphone Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309914.svg" alt="Headphone Svg icon" :width="24" :height="24" />
CSS background
.icon-headphone---svg {
background-image: url('https://proicons.com/icon/309914.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-linecap="round"/> <path d="M3 15V14.5H2.5V15H3ZM3 15.5H6V14.5H3V15.5ZM6.5 16V19H7.5V16H6.5ZM3.5 19V15H2.5V19H3.5ZM5 20.5C4.17157 20.5 3.5 19.8284 3.5 19H2.5C2.5 20.3807 3.61929 21.5 5 21.5V20.5ZM6.5 19C6.5 19.8284 5.82843 20.5 5 20.5V21.5C6.38071 21.5 7.5 20.3807 7.5 19H6.5ZM6 15.5C6.27614 15.5 6.5 15.7239 6.5 16H7.5C7.5 15.1716 6.82843 14.5 6 14.5V15.5Z" fill="#292929"/> <path d="M21 15H21.5V14.5H21V15ZM18 15.5H21V14.5H18V15.5ZM20.5 15V19H21.5V15H20.5ZM17.5 19V16H16.5V19H17.5ZM19 20.5C18.1716 20.5 17.5 19.8284 17.5 19H16.5C16.5 20.3807 17.6193 21.5 19 21.5V20.5ZM20.5 19C20.5 19.8284 19.8284 20.5 19 20.5V21.5C20.3807 21.5 21.5 20.3807 21.5 19H20.5ZM18 14.5C17.1716 14.5 16.5 15.1716 16.5 16H17.5C17.5 15.7239 17.7239 15.5 18 15.5V14.5Z" fill="#292929"/> </svg>
Copied!