Knack Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Knack 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/342562.svg" alt="Knack icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/342562.svg" alt="Knack icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/342562.svg" alt="Knack icon" :width="24" :height="24" />
CSS background
.icon-knack {
background-image: url('https://proicons.com/icon/342562.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="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.g{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g id="c"><path id="d" class="g" d="M22.902,14.547c.9117.2089,1.9983-.1167,2.647-.3605l15.4509-5.8915-16.5011-3.7279c-.9124-.2061-2.0029.105-2.647.3605l-14.8518,5.8915,15.9019,3.7279Z"/><path id="e" class="g" d="M9.7393,18.5322c-.28.8038-.8239,2.4617-1.2238,3.0877-.2884.4513-.1247.8436.1711,1.1519l1.1881,1.2389c.474-.5134,1.1114-.5567,1.3135-1.2978.2207-.8095-1.1553-2.4627-1.4488-4.1807v-7.0705"/></g><path id="f" class="g" d="M16.0592,19.5398c-1.8981-.1159-4.5301-1.7444-4.0044-5.3837l11.1363,2.5149c.8073,1.5985-.1335,3.9379-.6406,6.6295,3.8268-2.5527,7.0171-5.6042,8.382-8.9734l5.1589-1.9722c3.6973,3.7792-4.0769,9.7553-9.9942,13.5355l4.3171,2.4913c2.3908,1.3797,3.2662,3.6476,2.9417,5.1826l-.9618,4.5499c-.3937,1.8626,1.2818,1.8447,2.4055,1.7292.0138,1.5217-1.1225,4.1765-4.5184,3.5344-2.9403-.556-5.1153-1.9595-4.3463-5.6496l1.1336-5.4399-6.0247-2.8678-1.9255,9.4511c-.2589,1.2709.2389,2.1401.619,2.8796-6.5769,2.9736-8.6357,1.9754-7.895-1.6385l4.2166-20.573Z"/></svg>
More from Arcticons
View all
Copied!