Donut Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Donut 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/305533.svg" alt="Donut icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305533.svg" alt="Donut icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305533.svg" alt="Donut icon" :width="24" :height="24" />
CSS background
.icon-donut {
background-image: url('https://proicons.com/icon/305533.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="M500 62C258 62 63 258 63 500s195 438 437 438c241 0 438-196 438-438S741 62 500 62zm20 164c6-1 13 7 14 19 2 12-1 23-7 24-7 1-13-8-16-20-1-12 2-23 9-23zm-70 72c8-11 19-16 24-12 5 5 1 17-7 27l-7 9c-9 10-20 16-25 11-5-4-2-16 7-27l8-8zm-45-96c6-3 17 3 23 15l1 1c7 12 8 24 3 27-5 4-16-3-23-15l-1-2c-7-11-8-23-3-26zm-204 84l-6 10c-7 11-18 17-23 14-6-4-4-16 4-27l6-10c7-11 18-18 23-14 6 4 4 16-4 27zm38 151c-14-1-24-6-24-13 1-6 11-11 24-10 13 0 24 5 23 12 0 6-10 11-23 11zm33-64c-5 3-15-4-23-15v-2c-7-12-9-24-3-27 5-3 15 3 22 15l2 1c6 12 8 24 2 28zm71-88c-4 4-16 1-26-8l-23-20c-10-9-15-20-10-25 4-5 15-1 25 8l23 19c10 9 15 20 11 26zm15 39c5-5 16 1 25 12l5 7c9 11 12 22 7 26s-16-1-25-12l-6-7c-8-10-11-22-6-26zm80 408c0 15-12 28-26 28-15 0-27-13-27-28v-86c0-2 1-4 1-5 15 15 33 27 52 35v56zm69-33c0 15-12 28-26 28s-26-13-26-28v-17c14 4 29 7 45 7 2 0 5-1 7-1v11zm62 71c0 15-12 28-26 28-15 0-26-13-26-28v-82c18-2 34-7 50-15 2 4 2 7 2 11v86zm63-71c0 15-11 28-26 28-14 0-26-13-26-28v-32c20-12 38-29 52-48v80zm-132-61c-76 0-138-61-138-138 0-76 62-139 138-139s139 63 139 139c0 77-63 138-139 138z"/></svg>
More from IcoFont
View all
Copied!