Heos Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Heos 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/341543.svg" alt="Heos icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/341543.svg" alt="Heos icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/341543.svg" alt="Heos icon" :width="24" :height="24" />
CSS background
.icon-heos {
background-image: url('https://proicons.com/icon/341543.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="m36.2683,21.7044v4.7296c1.0422,0,1.8856-.8479,1.8856-1.8916v-.946c0-1.0441-.8433-1.892-1.8856-1.892Zm3.7748-2.8348v10.3992c1.0418,0,1.8888-.8452,1.8888-1.892v-6.6152c0-1.0469-.847-1.892-1.8888-1.892Zm-30.2003,4.7268v.946c0,1.0436.8433,1.8916,1.8888,1.8916v-4.7296c-1.0455,0-1.8888.8479-1.8888,1.892Zm-3.7748-2.8348v6.6152c0,1.0469.8438,1.892,1.8856,1.892v-10.3992c-1.0418,0-1.8856.8452-1.8856,1.892Z"/><path class="b" d="m13.6172,16.9775v14.18c0,2.0877,1.6908,3.7808,3.7748,3.7808V13.1967c-2.084,0-3.7748,1.6936-3.7748,3.7808Z"/><path class="b" d="m30.6047,13.1967v21.7417c2.084,0,3.7748-1.6931,3.7748-3.7808v-14.18c0-2.0872-1.6908-3.7808-3.7748-3.7808Z"/><path class="b" d="m25.8858,25.4852h-3.7748c-1.0418,0-1.8888.8479-1.8888,1.8916v11.3457c0,2.0872,1.6903,3.7776,3.7776,3.7776,2.0845,0,3.7748-1.6903,3.7748-3.7776v-11.3457c0-1.0436-.847-1.8916-1.8888-1.8916Z"/><path class="b" d="m25.8858,22.5148h-3.7748c-1.0418,0-1.8888-.8484-1.8888-1.892v-11.3452c0-2.0877,1.6903-3.7776,3.7776-3.7776,2.0845,0,3.7748,1.6899,3.7748,3.7776v11.3452c0,1.0436-.847,1.892-1.8888,1.892Z"/></svg>
Heos in other icon packs
Copied!