Vanilla Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Vanilla 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/349206.svg" alt="Vanilla icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/349206.svg" alt="Vanilla icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/349206.svg" alt="Vanilla icon" :width="24" :height="24" />
CSS background
.icon-vanilla {
background-image: url('https://proicons.com/icon/349206.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>.c{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="M38.5,5.5H9.5c-2.2091,0-4,1.7909-4,4v29c0,2.2091,1.7909,4,4,4h29c2.2091,0,4-1.7909,4-4V9.5c0-2.2091-1.7909-4-4-4Z"/><path class="c" d="M35.7757,42.5c3.9813-3.6589,3.6682-8.53,0-12.178-4.3178-4.2939-11.1028-1.8827-17.4393,3.949-6.3364,5.8318-7.6822,8.229-7.6822,8.229"/><path class="c" d="M5.5,39.2056s.9486-4.7103,3.0234-9.8131,4.9718-13.3713,12.6729-11.215c4.2056,1.1776,4.6103,3.563,4.6103,3.563"/><path class="c" d="M5.5,12.6262c5.8832,1.1215,7.232,3.4853,8.2959,7.2941"/><path class="c" d="M29.9399,28.1527l3.697-12.8973c.285-.9943-.2756-2.0344-1.2629-2.3429l-1.7642-.5513c-1.014-.3169-2.0912.257-2.3939,1.2753l-3.1505,10.5972c-3.5327-2.5794-9.6754-1.0632-10.8224,4.9907-1.0093,5.3271,2.1595,6.8667,2.1595,6.8667"/><path class="c" d="M10.6542,14.582c1.5701-3.4699,9.6449-9.7503,18.785-5.6007,9.1402,4.1495,11.9601,12.2726,10.7103,18.785-1.0654,5.5514-2.0326,6.0288-2.0326,6.0288"/></svg>
More from Arcticons
View all
Copied!