Klar Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Klar 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/342547.svg" alt="Klar icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/342547.svg" alt="Klar icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/342547.svg" alt="Klar icon" :width="24" :height="24" />
CSS background
.icon-klar {
background-image: url('https://proicons.com/icon/342547.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"><rect x="5.5" y="5.5" width="37" height="37" rx="4" ry="4" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><path d="M33.22,24.926c0-1.4617,1.1669-2.6466,2.6064-2.6466" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><line x1="33.22" y1="22.28" x2="33.22" y2="29.293" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><path d="M20.622,18.707v9.263c0,.7309.5834,1.3233,1.3032,1.3233h.391" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><path d="M30.375,26.647c0,1.4617-1.1669,2.6466-2.6064,2.6466s-2.6064-1.1849-2.6064-2.6466v-1.7203c0-1.4617,1.1669-2.6466,2.6064-2.6466s2.6064,1.1849,2.6064,2.6466" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><line x1="30.375" y1="29.293" x2="30.375" y2="22.28" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><line x1="12.173" y1="18.707" x2="12.173" y2="29.293" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><line x1="12.173" y1="25.605" x2="17.777" y2="18.741" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/><line x1="17.777" y1="29.293" x2="13.49" y2="24" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round;"/></svg>
More from Arcticons
View all
Copied!