Onion Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Onion 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/306159.svg" alt="Onion icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306159.svg" alt="Onion icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306159.svg" alt="Onion icon" :width="24" :height="24" />
CSS background
.icon-onion {
background-image: url('https://proicons.com/icon/306159.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M677 394c-92-19-126-70-135-143-5-41-7-94-10-140 0-16-15-30-33-31-17-1-33 11-34 27-1 21-2 44-4 59-5 45-7 90-16 135s-40 74-94 85c-79 16-151 47-208 99C3 612 53 807 236 874c18 6 23-1 12-15-102-137-77-321 57-403 15-10 25-10 20-3-4 5-7 9-10 13-54 69-81 146-77 230 0 2 1 5 2 8 3 23 7 46 15 68 8 20 19 40 33 58 14 17 31 33 49 46 16 10 122 67 138 34 5-11 23-99 25-118 7-50 11-111 11-161 0-8-1-20-3-30 0-3-1-7 4-6 2 1 3 4 4 6 13 45 22 92 24 138 2 19 2 39 3 59 1 25 3 51 4 77l2 22c0 12 15 20 33 15 128-34 204-154 176-286-2-11-5-21-7-32l-3-13c-2-7 5-1 13 14 46 84 44 168 3 254-8 15 0 24 18 18 127-47 192-190 134-305-47-92-133-146-239-168z"/></svg>
More from IcoFont
View all
Copied!