Icon Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Icon 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/321106.svg" alt="Icon icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321106.svg" alt="Icon icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321106.svg" alt="Icon icon" :width="24" :height="24" />
CSS background
.icon-icon {
background-image: url('https://proicons.com/icon/321106.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 width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon</title>
<defs>
<path d="M15.5,8 C13.5670034,8 12,6.43299662 12,4.5 C12,2.56700338 13.5670034,1 15.5,1 C17.4329966,1 19,2.56700338 19,4.5 C19,6.43299662 17.4329966,8 15.5,8 L15.5,8 Z M15.5,3 C14.6715729,3 14,3.67157288 14,4.5 C14,5.32842712 14.6715729,6 15.5,6 C16.3284271,6 17,5.32842712 17,4.5 C17,4.10217527 16.8419647,3.7206444 16.5606602,3.43933983 C16.2793556,3.15803526 15.8978247,3 15.5,3 L15.5,3 Z M29.55,26.11 L26.5,27.63 L23.66,21 L15,21 C13.8954305,21 13,20.1045695 13,19 L13,13 C13,11.8954305 13.8954305,11 15,11 C16.1045695,11 17,11.8954305 17,13 L17,17 L24,17 L24,15 L19,15 L19,13 C19,10.790861 17.209139,9 15,9 C12.790861,9 11,10.790861 11,13 L11,14 C6.28935782,13.9974018 2.3736553,17.6276665 2.02038072,22.3250438 C1.66710615,27.0224211 4.99579301,31.1975129 9.65383616,31.8995033 C14.3118793,32.6014936 18.7231898,29.592858 19.77,25 L17.71,25 C16.6802,28.4540538 13.195925,30.5615323 9.65860241,29.8699219 C6.12127986,29.1783116 3.68734228,25.9137157 4.03430498,22.3261549 C4.38126767,18.7385941 7.39570051,16.0009248 11,16 L11,19 C11,21.209139 12.790861,23 15,23 L22.34,23 L25.5,30.37 L30.45,27.9 L29.55,26.11 Z" id="path-1"></path>
</defs>
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Actions-/-Navigation-/-overflow-menu--vertical-/-20-Copy" transform="translate(144.000000, 74.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="icon-color" fill="#000000" xlink:href="#path-1"></use>
<rect id="Rectangle-path" mask="url(#mask-2)" x="0" y="0" width="32" height="32"></rect>
</g>
</g>
</svg>
More from Carbon Icons
View all
Icon in other icon packs
Copied!