Harmony Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Harmony 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/326913.svg" alt="Harmony icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/326913.svg" alt="Harmony icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/326913.svg" alt="Harmony icon" :width="24" :height="24" />
CSS background
.icon-harmony {
background-image: url('https://proicons.com/icon/326913.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><polyline class="a" points="21.014 26.597 21.014 21.397 23.617 26.603 26.22 21.405 26.22 26.603"/><path class="a" d="M15.6671,26.6028V21.3973h1.7042a1.7482,1.7482,0,0,1,0,3.4964H15.6671"/><line class="a" x1="17.3713" y1="24.8937" x2="19.0754" y2="26.6015"/><polyline class="a" points="33.648 26.603 33.648 21.397 37.096 26.603 37.096 21.397"/><line class="a" x1="5.5" y1="21.3973" x2="5.5" y2="26.6028"/><line class="a" x1="8.9487" y1="21.3973" x2="8.9487" y2="26.6028"/><line class="a" x1="5.5" y1="23.9902" x2="8.9487" y2="23.9902"/><polyline class="a" points="42.5 21.397 40.776 24 39.051 21.397"/><line class="a" x1="40.7757" y1="26.6028" x2="40.7757" y2="24"/><path class="a" d="M28.2,24.8784a1.7243,1.7243,0,1,0,3.4486,0V23.1216a1.7243,1.7243,0,0,0-3.4486,0Z"/><line class="a" x1="10.7183" y1="26.5873" x2="12.4459" y2="21.3972"/><line class="a" x1="14.1019" y1="26.6028" x2="12.4459" y2="21.3972"/><line class="a" x1="13.548" y1="24.8614" x2="11.2928" y2="24.8614"/><circle class="a" cx="24" cy="24" r="21.5"/></svg>
More from Arcticons
View all
Copied!