Hsl Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: hsl

The Hsl 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/341713.svg" alt="Hsl icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/341713.svg" alt="Hsl icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/341713.svg"
  alt="Hsl icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-hsl {
  background-image: url('https://proicons.com/icon/341713.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:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><polygon class="a" points="23.773 9.689 33.959 13.72 38.311 23.773 34.28 33.959 24.227 38.311 14.041 34.28 9.689 24.227 13.72 14.041 23.773 9.689"/><path class="a" d="M23.7732,9.6893C19.477,7.858,20.5855,2.5,23.7732,2.5s4.2962,5.358,0,7.1893"/><path class="a" d="M24.2268,38.3107c4.2962,1.8313,3.1877,7.1893,0,7.1893s-4.2962-5.358,0-7.1893"/><path class="a" d="M38.3107,23.7732c1.8313-4.2962,7.1893-3.1877,7.1893,0s-5.358,4.2962-7.1893,0"/><path class="a" d="M9.6893,24.2268C7.858,28.523,2.5,27.4145,2.5,24.2268s5.358-4.2962,7.1893,0"/><path class="a" d="M34.28,33.9589c4.3327-1.743,7.3376,2.83,5.0836,5.0835s-6.8266-.7508-5.0836-5.0835"/><path class="a" d="M13.72,14.0412c-4.3327,1.7429-7.3376-2.83-5.0836-5.0836s6.8266.7508,5.0836,5.0836"/><path class="a" d="M33.9589,13.72c-1.743-4.3327,2.83-7.3376,5.0835-5.0836s-.7508,6.8266-5.0835,5.0836"/><path class="a" d="M14.0411,34.28c1.743,4.3327-2.8295,7.3376-5.0835,5.0836s.7508-6.8266,5.0835-5.0836"/></svg>

Copied!

Hsl Icon

More from Arcticons