donut icon

donut from Reicon by REICON · Outline · Food · MIT Free for personal and commercial use.

Name: donut
Set: Reicon
Style: Outline
Category: Food
Viewbox: 24×24
License: MIT

2 other variants in Reicon

The same icon in other sets

donutHuge Icons donutLucide donut-fillMingCute Icon donut-boldSolar donutWeb3 Icons Branded

More food icons from Reicon

bottle chef-hat chef-hat-heart chef-hat2 cookie corkscrew cup-hot cup-paper donut2 food-tray fork-knife hot-drink ladle mug oven-mitts oven-mitts2 pizza-slice rolling-pin tea-cup whisk wineglass wineglass2

Use the donut icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.924 10.207a9.3 9.3 0 0 0-.15 2.466l.066.054c.22.176.53.41.892.643c.757.488 1.6.88 2.268.88c.436 0 .964-.169 1.518-.448c.337-.17.659-.367.943-.56a3.75 3.75 0 1 1 6.658.841c.222.107.452.167.686.167c.463 0 .682-.22 1.117-.734l.032-.038c.361-.428.889-1.054 1.826-1.198a.75.75 0 0 1-.276-1.28l1.678-1.478a.75.75 0 0 1 .686-.163a9.2 9.2 0 0 0-.977-2.189l-.36.36a.75.75 0 1 1-1.061-1.06l.524-.524A9.23 9.23 0 0 0 12 2.75c-1.77 0-3.424.497-4.83 1.36l.36.36a.75.75 0 0 1-1.06 1.06l-.524-.524a9.3 9.3 0 0 0-2.377 3.182a.75.75 0 0 1 .784.708l.079 1.412a.75.75 0 1 1-1.498.083zm18.23.458l-1.659 1.46a.8.8 0 0 1-.2.127c.757.029 1.398.347 1.904.728a9.4 9.4 0 0 0-.045-2.315m-.303 4.032c-.442-.499-1.032-.947-1.667-.947c-.463 0-.681.22-1.116.734l-.032.038c-.41.487-1.036 1.228-2.23 1.228c-.708 0-1.316-.257-1.803-.58c-.58.367-1.266.58-2.003.58a3.74 3.74 0 0 1-2.767-1.22c-.31.208-.664.423-1.04.612c-.642.323-1.417.608-2.193.608c-1.013 0-2.047-.488-2.82-.957a9.254 9.254 0 0 0 17.67-.096M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m9.22-8.53a.75.75 0 0 1 1.06 0l1 1a.75.75 0 0 1-1.06 1.06l-1-1a.75.75 0 0 1 0-1.06m5.98.93a.75.75 0 0 1 .15 1.05l-1.5 2a.75.75 0 1 1-1.2-.9l1.5-2a.75.75 0 0 1 1.05-.15m-5.226 2.406a.75.75 0 0 1-.53.918l-1.366.366a.75.75 0 1 1-.388-1.448l1.366-.366a.75.75 0 0 1 .918.53m-5.327.368a.75.75 0 0 1 .993.372l.585 1.287a.75.75 0 0 1-1.365.621l-.586-1.287a.75.75 0 0 1 .373-.993m10.718 1.053a.75.75 0 0 1 .784.714l.066 1.413a.75.75 0 1 1-1.498.07l-.066-1.412a.75.75 0 0 1 .714-.785M12 9.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5m-5.057 1.145a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 1 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function ReiconDonut(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M2.924 10.207a9.3 9.3 0 0 0-.15 2.466l.066.054c.22.176.53.41.892.643c.757.488 1.6.88 2.268.88c.436 0 .964-.169 1.518-.448c.337-.17.659-.367.943-.56a3.75 3.75 0 1 1 6.658.841c.222.107.452.167.686.167c.463 0 .682-.22 1.117-.734l.032-.038c.361-.428.889-1.054 1.826-1.198a.75.75 0 0 1-.276-1.28l1.678-1.478a.75.75 0 0 1 .686-.163a9.2 9.2 0 0 0-.977-2.189l-.36.36a.75.75 0 1 1-1.061-1.06l.524-.524A9.23 9.23 0 0 0 12 2.75c-1.77 0-3.424.497-4.83 1.36l.36.36a.75.75 0 0 1-1.06 1.06l-.524-.524a9.3 9.3 0 0 0-2.377 3.182a.75.75 0 0 1 .784.708l.079 1.412a.75.75 0 1 1-1.498.083zm18.23.458l-1.659 1.46a.8.8 0 0 1-.2.127c.757.029 1.398.347 1.904.728a9.4 9.4 0 0 0-.045-2.315m-.303 4.032c-.442-.499-1.032-.947-1.667-.947c-.463 0-.681.22-1.116.734l-.032.038c-.41.487-1.036 1.228-2.23 1.228c-.708 0-1.316-.257-1.803-.58c-.58.367-1.266.58-2.003.58a3.74 3.74 0 0 1-2.767-1.22c-.31.208-.664.423-1.04.612c-.642.323-1.417.608-2.193.608c-1.013 0-2.047-.488-2.82-.957a9.254 9.254 0 0 0 17.67-.096M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m9.22-8.53a.75.75 0 0 1 1.06 0l1 1a.75.75 0 0 1-1.06 1.06l-1-1a.75.75 0 0 1 0-1.06m5.98.93a.75.75 0 0 1 .15 1.05l-1.5 2a.75.75 0 1 1-1.2-.9l1.5-2a.75.75 0 0 1 1.05-.15m-5.226 2.406a.75.75 0 0 1-.53.918l-1.366.366a.75.75 0 1 1-.388-1.448l1.366-.366a.75.75 0 0 1 .918.53m-5.327.368a.75.75 0 0 1 .993.372l.585 1.287a.75.75 0 0 1-1.365.621l-.586-1.287a.75.75 0 0 1 .373-.993m10.718 1.053a.75.75 0 0 1 .784.714l.066 1.413a.75.75 0 1 1-1.498.07l-.066-1.412a.75.75 0 0 1 .714-.785M12 9.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5m-5.057 1.145a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 1 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.924 10.207a9.3 9.3 0 0 0-.15 2.466l.066.054c.22.176.53.41.892.643c.757.488 1.6.88 2.268.88c.436 0 .964-.169 1.518-.448c.337-.17.659-.367.943-.56a3.75 3.75 0 1 1 6.658.841c.222.107.452.167.686.167c.463 0 .682-.22 1.117-.734l.032-.038c.361-.428.889-1.054 1.826-1.198a.75.75 0 0 1-.276-1.28l1.678-1.478a.75.75 0 0 1 .686-.163a9.2 9.2 0 0 0-.977-2.189l-.36.36a.75.75 0 1 1-1.061-1.06l.524-.524A9.23 9.23 0 0 0 12 2.75c-1.77 0-3.424.497-4.83 1.36l.36.36a.75.75 0 0 1-1.06 1.06l-.524-.524a9.3 9.3 0 0 0-2.377 3.182a.75.75 0 0 1 .784.708l.079 1.412a.75.75 0 1 1-1.498.083zm18.23.458l-1.659 1.46a.8.8 0 0 1-.2.127c.757.029 1.398.347 1.904.728a9.4 9.4 0 0 0-.045-2.315m-.303 4.032c-.442-.499-1.032-.947-1.667-.947c-.463 0-.681.22-1.116.734l-.032.038c-.41.487-1.036 1.228-2.23 1.228c-.708 0-1.316-.257-1.803-.58c-.58.367-1.266.58-2.003.58a3.74 3.74 0 0 1-2.767-1.22c-.31.208-.664.423-1.04.612c-.642.323-1.417.608-2.193.608c-1.013 0-2.047-.488-2.82-.957a9.254 9.254 0 0 0 17.67-.096M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m9.22-8.53a.75.75 0 0 1 1.06 0l1 1a.75.75 0 0 1-1.06 1.06l-1-1a.75.75 0 0 1 0-1.06m5.98.93a.75.75 0 0 1 .15 1.05l-1.5 2a.75.75 0 1 1-1.2-.9l1.5-2a.75.75 0 0 1 1.05-.15m-5.226 2.406a.75.75 0 0 1-.53.918l-1.366.366a.75.75 0 1 1-.388-1.448l1.366-.366a.75.75 0 0 1 .918.53m-5.327.368a.75.75 0 0 1 .993.372l.585 1.287a.75.75 0 0 1-1.365.621l-.586-1.287a.75.75 0 0 1 .373-.993m10.718 1.053a.75.75 0 0 1 .784.714l.066 1.413a.75.75 0 1 1-1.498.07l-.066-1.412a.75.75 0 0 1 .714-.785M12 9.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5m-5.057 1.145a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 1 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-donut {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.924%2010.207a9.3%209.3%200%200%200-.15%202.466l.066.054c.22.176.53.41.892.643c.757.488%201.6.88%202.268.88c.436%200%20.964-.169%201.518-.448c.337-.17.659-.367.943-.56a3.75%203.75%200%201%201%206.658.841c.222.107.452.167.686.167c.463%200%20.682-.22%201.117-.734l.032-.038c.361-.428.889-1.054%201.826-1.198a.75.75%200%200%201-.276-1.28l1.678-1.478a.75.75%200%200%201%20.686-.163a9.2%209.2%200%200%200-.977-2.189l-.36.36a.75.75%200%201%201-1.061-1.06l.524-.524A9.23%209.23%200%200%200%2012%202.75c-1.77%200-3.424.497-4.83%201.36l.36.36a.75.75%200%200%201-1.06%201.06l-.524-.524a9.3%209.3%200%200%200-2.377%203.182a.75.75%200%200%201%20.784.708l.079%201.412a.75.75%200%201%201-1.498.083zm18.23.458l-1.659%201.46a.8.8%200%200%201-.2.127c.757.029%201.398.347%201.904.728a9.4%209.4%200%200%200-.045-2.315m-.303%204.032c-.442-.499-1.032-.947-1.667-.947c-.463%200-.681.22-1.116.734l-.032.038c-.41.487-1.036%201.228-2.23%201.228c-.708%200-1.316-.257-1.803-.58c-.58.367-1.266.58-2.003.58a3.74%203.74%200%200%201-2.767-1.22c-.31.208-.664.423-1.04.612c-.642.323-1.417.608-2.193.608c-1.013%200-2.047-.488-2.82-.957a9.254%209.254%200%200%200%2017.67-.096M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m9.22-8.53a.75.75%200%200%201%201.06%200l1%201a.75.75%200%200%201-1.06%201.06l-1-1a.75.75%200%200%201%200-1.06m5.98.93a.75.75%200%200%201%20.15%201.05l-1.5%202a.75.75%200%201%201-1.2-.9l1.5-2a.75.75%200%200%201%201.05-.15m-5.226%202.406a.75.75%200%200%201-.53.918l-1.366.366a.75.75%200%201%201-.388-1.448l1.366-.366a.75.75%200%200%201%20.918.53m-5.327.368a.75.75%200%200%201%20.993.372l.585%201.287a.75.75%200%200%201-1.365.621l-.586-1.287a.75.75%200%200%201%20.373-.993m10.718%201.053a.75.75%200%200%201%20.784.714l.066%201.413a.75.75%200%201%201-1.498.07l-.066-1.412a.75.75%200%200%201%20.714-.785M12%209.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5m-5.057%201.145a.75.75%200%200%201%20.162%201.048l-.835%201.141a.75.75%200%201%201-1.21-.886l.835-1.14a.75.75%200%200%201%201.048-.163%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.924%2010.207a9.3%209.3%200%200%200-.15%202.466l.066.054c.22.176.53.41.892.643c.757.488%201.6.88%202.268.88c.436%200%20.964-.169%201.518-.448c.337-.17.659-.367.943-.56a3.75%203.75%200%201%201%206.658.841c.222.107.452.167.686.167c.463%200%20.682-.22%201.117-.734l.032-.038c.361-.428.889-1.054%201.826-1.198a.75.75%200%200%201-.276-1.28l1.678-1.478a.75.75%200%200%201%20.686-.163a9.2%209.2%200%200%200-.977-2.189l-.36.36a.75.75%200%201%201-1.061-1.06l.524-.524A9.23%209.23%200%200%200%2012%202.75c-1.77%200-3.424.497-4.83%201.36l.36.36a.75.75%200%200%201-1.06%201.06l-.524-.524a9.3%209.3%200%200%200-2.377%203.182a.75.75%200%200%201%20.784.708l.079%201.412a.75.75%200%201%201-1.498.083zm18.23.458l-1.659%201.46a.8.8%200%200%201-.2.127c.757.029%201.398.347%201.904.728a9.4%209.4%200%200%200-.045-2.315m-.303%204.032c-.442-.499-1.032-.947-1.667-.947c-.463%200-.681.22-1.116.734l-.032.038c-.41.487-1.036%201.228-2.23%201.228c-.708%200-1.316-.257-1.803-.58c-.58.367-1.266.58-2.003.58a3.74%203.74%200%200%201-2.767-1.22c-.31.208-.664.423-1.04.612c-.642.323-1.417.608-2.193.608c-1.013%200-2.047-.488-2.82-.957a9.254%209.254%200%200%200%2017.67-.096M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m9.22-8.53a.75.75%200%200%201%201.06%200l1%201a.75.75%200%200%201-1.06%201.06l-1-1a.75.75%200%200%201%200-1.06m5.98.93a.75.75%200%200%201%20.15%201.05l-1.5%202a.75.75%200%201%201-1.2-.9l1.5-2a.75.75%200%200%201%201.05-.15m-5.226%202.406a.75.75%200%200%201-.53.918l-1.366.366a.75.75%200%201%201-.388-1.448l1.366-.366a.75.75%200%200%201%20.918.53m-5.327.368a.75.75%200%200%201%20.993.372l.585%201.287a.75.75%200%200%201-1.365.621l-.586-1.287a.75.75%200%200%201%20.373-.993m10.718%201.053a.75.75%200%200%201%20.784.714l.066%201.413a.75.75%200%201%201-1.498.07l-.066-1.412a.75.75%200%200%201%20.714-.785M12%209.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5m-5.057%201.145a.75.75%200%200%201%20.162%201.048l-.835%201.141a.75.75%200%201%201-1.21-.886l.835-1.14a.75.75%200%200%201%201.048-.163%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/donut.svg?color=%231a73e8&size=48