Heaphone Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Heaphone 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/310751.svg" alt="Heaphone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310751.svg" alt="Heaphone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310751.svg" alt="Heaphone icon" :width="24" :height="24" />
CSS background
.icon-heaphone {
background-image: url('https://proicons.com/icon/310751.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="M8.03565 15.9643C8.03565 14.5047 6.85241 13.3214 5.3928 13.3214C3.93319 13.3214 2.74994 14.5047 2.74994 15.9643V18.6071C2.74994 20.0667 3.93319 21.25 5.3928 21.25C6.85241 21.25 8.03565 20.0667 8.03565 18.6071V15.9643Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.9643 18.6071C15.9643 20.0668 17.1476 21.25 18.6072 21.25C20.0668 21.25 21.2501 20.0668 21.2501 18.6071V15.9643C21.2501 14.5047 20.0668 13.3214 18.6072 13.3214C17.1476 13.3214 15.9643 14.5047 15.9643 15.9643V18.6071Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.2499 18.6071V12C21.2499 9.54675 20.2754 7.19397 18.5407 5.45926C16.806 3.72455 14.4532 2.75 11.9999 2.75C9.54669 2.75 7.19391 3.72455 5.4592 5.45926C3.72449 7.19397 2.74994 9.54675 2.74994 12V18.6071" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Copied!