donut2 icon
donut2-filled from Reicon by REICON · Filled · Food · MIT Free for personal and commercial use.
- Name
- donut2-filled
- Set
- Reicon
- Style
- Filled
- Category
- Food
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More food icons from Reicon
Use the donut2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.28 21.554a1.8 1.8 0 0 1 .664-1.926c.493-.364 1.078-.483 1.571-.366a.19.19 0 0 0 .181-.047a.18.18 0 0 0 .017-.233l-.093-.127c-.612-.827-.307-2.09.68-2.834a32 32 0 0 0-.471-.314l-.178-.116a32 32 0 0 1-.64-.425a3.73 3.73 0 0 1-2.01.584a3.74 3.74 0 0 1-2.763-1.214c-.407.221-.883.444-1.374.635c-.801.312-1.735.579-2.532.579c-1.03 0-2.094-.446-2.92-.9C3.64 18.986 7.469 22 12.002 22c.213 0 .34-.242.28-.446M9.75 12a2.25 2.25 0 1 1 3.83 1.602a.8.8 0 0 0-.142.126l-.01.012A2.25 2.25 0 0 1 9.75 12"/><path fill-rule="evenodd" d="M19.48 14.795c.707-.523 1.607-.539 2.147-.078A10 10 0 0 0 22 12a9.95 9.95 0 0 0-1.565-5.374l-.905.904a.75.75 0 1 1-1.06-1.06l1-1l.058-.053A9.98 9.98 0 0 0 12.001 2a9.95 9.95 0 0 0-5.375 1.565l.904.905a.75.75 0 1 1-1.06 1.06l-1-1l-.053-.058a9.98 9.98 0 0 0-3.381 8.372c.216.154.484.333.784.512c.818.487 1.752.894 2.512.894c.516 0 1.243-.187 1.987-.477c.42-.163.816-.348 1.145-.524a3.75 3.75 0 1 1 6.646.848l.371.245l.17.11c.477.313 1.062.7 1.38 1.018l.037.04c.475.059.901.28 1.182.66l.275.373a.086.086 0 0 0 .13.01a.1.1 0 0 0 .024-.075c-.078-.586.213-1.249.8-1.683M16.45 4.4a.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.98-.93a.75.75 0 0 0 0 1.06l1 1a.75.75 0 1 0 1.06-1.06l-1-1a.75.75 0 0 0-1.06 0M8.41 7.56a.75.75 0 0 0 .918.53l1.366-.366a.75.75 0 0 0-.388-1.448l-1.366.366a.75.75 0 0 0-.53.918m-2.513-.386a.75.75 0 0 0-.372.993l.585 1.287a.75.75 0 0 0 1.365-.62L6.89 7.545a.75.75 0 0 0-.993-.372m10.854 3.964a.75.75 0 0 0 .714-.784L17.4 8.941a.75.75 0 0 0-1.498.07l.066 1.414a.75.75 0 0 0 .784.713m1.686.92a.75.75 0 0 0 1.058.068l1.678-1.478a.75.75 0 0 0-.99-1.126L18.503 11a.75.75 0 0 0-.067 1.059M6.943 10.896a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 0 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163M3.563 8.19a.75.75 0 0 0-.707.79l.078 1.413a.75.75 0 0 0 1.498-.084l-.079-1.412a.75.75 0 0 0-.79-.707" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDonut2Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.28 21.554a1.8 1.8 0 0 1 .664-1.926c.493-.364 1.078-.483 1.571-.366a.19.19 0 0 0 .181-.047a.18.18 0 0 0 .017-.233l-.093-.127c-.612-.827-.307-2.09.68-2.834a32 32 0 0 0-.471-.314l-.178-.116a32 32 0 0 1-.64-.425a3.73 3.73 0 0 1-2.01.584a3.74 3.74 0 0 1-2.763-1.214c-.407.221-.883.444-1.374.635c-.801.312-1.735.579-2.532.579c-1.03 0-2.094-.446-2.92-.9C3.64 18.986 7.469 22 12.002 22c.213 0 .34-.242.28-.446M9.75 12a2.25 2.25 0 1 1 3.83 1.602a.8.8 0 0 0-.142.126l-.01.012A2.25 2.25 0 0 1 9.75 12"/><path fillRule="evenodd" d="M19.48 14.795c.707-.523 1.607-.539 2.147-.078A10 10 0 0 0 22 12a9.95 9.95 0 0 0-1.565-5.374l-.905.904a.75.75 0 1 1-1.06-1.06l1-1l.058-.053A9.98 9.98 0 0 0 12.001 2a9.95 9.95 0 0 0-5.375 1.565l.904.905a.75.75 0 1 1-1.06 1.06l-1-1l-.053-.058a9.98 9.98 0 0 0-3.381 8.372c.216.154.484.333.784.512c.818.487 1.752.894 2.512.894c.516 0 1.243-.187 1.987-.477c.42-.163.816-.348 1.145-.524a3.75 3.75 0 1 1 6.646.848l.371.245l.17.11c.477.313 1.062.7 1.38 1.018l.037.04c.475.059.901.28 1.182.66l.275.373a.086.086 0 0 0 .13.01a.1.1 0 0 0 .024-.075c-.078-.586.213-1.249.8-1.683M16.45 4.4a.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.98-.93a.75.75 0 0 0 0 1.06l1 1a.75.75 0 1 0 1.06-1.06l-1-1a.75.75 0 0 0-1.06 0M8.41 7.56a.75.75 0 0 0 .918.53l1.366-.366a.75.75 0 0 0-.388-1.448l-1.366.366a.75.75 0 0 0-.53.918m-2.513-.386a.75.75 0 0 0-.372.993l.585 1.287a.75.75 0 0 0 1.365-.62L6.89 7.545a.75.75 0 0 0-.993-.372m10.854 3.964a.75.75 0 0 0 .714-.784L17.4 8.941a.75.75 0 0 0-1.498.07l.066 1.414a.75.75 0 0 0 .784.713m1.686.92a.75.75 0 0 0 1.058.068l1.678-1.478a.75.75 0 0 0-.99-1.126L18.503 11a.75.75 0 0 0-.067 1.059M6.943 10.896a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 0 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163M3.563 8.19a.75.75 0 0 0-.707.79l.078 1.413a.75.75 0 0 0 1.498-.084l-.079-1.412a.75.75 0 0 0-.79-.707" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.28 21.554a1.8 1.8 0 0 1 .664-1.926c.493-.364 1.078-.483 1.571-.366a.19.19 0 0 0 .181-.047a.18.18 0 0 0 .017-.233l-.093-.127c-.612-.827-.307-2.09.68-2.834a32 32 0 0 0-.471-.314l-.178-.116a32 32 0 0 1-.64-.425a3.73 3.73 0 0 1-2.01.584a3.74 3.74 0 0 1-2.763-1.214c-.407.221-.883.444-1.374.635c-.801.312-1.735.579-2.532.579c-1.03 0-2.094-.446-2.92-.9C3.64 18.986 7.469 22 12.002 22c.213 0 .34-.242.28-.446M9.75 12a2.25 2.25 0 1 1 3.83 1.602a.8.8 0 0 0-.142.126l-.01.012A2.25 2.25 0 0 1 9.75 12"/><path fill-rule="evenodd" d="M19.48 14.795c.707-.523 1.607-.539 2.147-.078A10 10 0 0 0 22 12a9.95 9.95 0 0 0-1.565-5.374l-.905.904a.75.75 0 1 1-1.06-1.06l1-1l.058-.053A9.98 9.98 0 0 0 12.001 2a9.95 9.95 0 0 0-5.375 1.565l.904.905a.75.75 0 1 1-1.06 1.06l-1-1l-.053-.058a9.98 9.98 0 0 0-3.381 8.372c.216.154.484.333.784.512c.818.487 1.752.894 2.512.894c.516 0 1.243-.187 1.987-.477c.42-.163.816-.348 1.145-.524a3.75 3.75 0 1 1 6.646.848l.371.245l.17.11c.477.313 1.062.7 1.38 1.018l.037.04c.475.059.901.28 1.182.66l.275.373a.086.086 0 0 0 .13.01a.1.1 0 0 0 .024-.075c-.078-.586.213-1.249.8-1.683M16.45 4.4a.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.98-.93a.75.75 0 0 0 0 1.06l1 1a.75.75 0 1 0 1.06-1.06l-1-1a.75.75 0 0 0-1.06 0M8.41 7.56a.75.75 0 0 0 .918.53l1.366-.366a.75.75 0 0 0-.388-1.448l-1.366.366a.75.75 0 0 0-.53.918m-2.513-.386a.75.75 0 0 0-.372.993l.585 1.287a.75.75 0 0 0 1.365-.62L6.89 7.545a.75.75 0 0 0-.993-.372m10.854 3.964a.75.75 0 0 0 .714-.784L17.4 8.941a.75.75 0 0 0-1.498.07l.066 1.414a.75.75 0 0 0 .784.713m1.686.92a.75.75 0 0 0 1.058.068l1.678-1.478a.75.75 0 0 0-.99-1.126L18.503 11a.75.75 0 0 0-.067 1.059M6.943 10.896a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 0 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163M3.563 8.19a.75.75 0 0 0-.707.79l.078 1.413a.75.75 0 0 0 1.498-.084l-.079-1.412a.75.75 0 0 0-.79-.707" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-donut2-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.28%2021.554a1.8%201.8%200%200%201%20.664-1.926c.493-.364%201.078-.483%201.571-.366a.19.19%200%200%200%20.181-.047a.18.18%200%200%200%20.017-.233l-.093-.127c-.612-.827-.307-2.09.68-2.834a32%2032%200%200%200-.471-.314l-.178-.116a32%2032%200%200%201-.64-.425a3.73%203.73%200%200%201-2.01.584a3.74%203.74%200%200%201-2.763-1.214c-.407.221-.883.444-1.374.635c-.801.312-1.735.579-2.532.579c-1.03%200-2.094-.446-2.92-.9C3.64%2018.986%207.469%2022%2012.002%2022c.213%200%20.34-.242.28-.446M9.75%2012a2.25%202.25%200%201%201%203.83%201.602a.8.8%200%200%200-.142.126l-.01.012A2.25%202.25%200%200%201%209.75%2012%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.48%2014.795c.707-.523%201.607-.539%202.147-.078A10%2010%200%200%200%2022%2012a9.95%209.95%200%200%200-1.565-5.374l-.905.904a.75.75%200%201%201-1.06-1.06l1-1l.058-.053A9.98%209.98%200%200%200%2012.001%202a9.95%209.95%200%200%200-5.375%201.565l.904.905a.75.75%200%201%201-1.06%201.06l-1-1l-.053-.058a9.98%209.98%200%200%200-3.381%208.372c.216.154.484.333.784.512c.818.487%201.752.894%202.512.894c.516%200%201.243-.187%201.987-.477c.42-.163.816-.348%201.145-.524a3.75%203.75%200%201%201%206.646.848l.371.245l.17.11c.477.313%201.062.7%201.38%201.018l.037.04c.475.059.901.28%201.182.66l.275.373a.086.086%200%200%200%20.13.01a.1.1%200%200%200%20.024-.075c-.078-.586.213-1.249.8-1.683M16.45%204.4a.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.98-.93a.75.75%200%200%200%200%201.06l1%201a.75.75%200%201%200%201.06-1.06l-1-1a.75.75%200%200%200-1.06%200M8.41%207.56a.75.75%200%200%200%20.918.53l1.366-.366a.75.75%200%200%200-.388-1.448l-1.366.366a.75.75%200%200%200-.53.918m-2.513-.386a.75.75%200%200%200-.372.993l.585%201.287a.75.75%200%200%200%201.365-.62L6.89%207.545a.75.75%200%200%200-.993-.372m10.854%203.964a.75.75%200%200%200%20.714-.784L17.4%208.941a.75.75%200%200%200-1.498.07l.066%201.414a.75.75%200%200%200%20.784.713m1.686.92a.75.75%200%200%200%201.058.068l1.678-1.478a.75.75%200%200%200-.99-1.126L18.503%2011a.75.75%200%200%200-.067%201.059M6.943%2010.896a.75.75%200%200%201%20.162%201.048l-.835%201.141a.75.75%200%200%201-1.21-.886l.835-1.14a.75.75%200%200%201%201.048-.163M3.563%208.19a.75.75%200%200%200-.707.79l.078%201.413a.75.75%200%200%200%201.498-.084l-.079-1.412a.75.75%200%200%200-.79-.707%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.28%2021.554a1.8%201.8%200%200%201%20.664-1.926c.493-.364%201.078-.483%201.571-.366a.19.19%200%200%200%20.181-.047a.18.18%200%200%200%20.017-.233l-.093-.127c-.612-.827-.307-2.09.68-2.834a32%2032%200%200%200-.471-.314l-.178-.116a32%2032%200%200%201-.64-.425a3.73%203.73%200%200%201-2.01.584a3.74%203.74%200%200%201-2.763-1.214c-.407.221-.883.444-1.374.635c-.801.312-1.735.579-2.532.579c-1.03%200-2.094-.446-2.92-.9C3.64%2018.986%207.469%2022%2012.002%2022c.213%200%20.34-.242.28-.446M9.75%2012a2.25%202.25%200%201%201%203.83%201.602a.8.8%200%200%200-.142.126l-.01.012A2.25%202.25%200%200%201%209.75%2012%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.48%2014.795c.707-.523%201.607-.539%202.147-.078A10%2010%200%200%200%2022%2012a9.95%209.95%200%200%200-1.565-5.374l-.905.904a.75.75%200%201%201-1.06-1.06l1-1l.058-.053A9.98%209.98%200%200%200%2012.001%202a9.95%209.95%200%200%200-5.375%201.565l.904.905a.75.75%200%201%201-1.06%201.06l-1-1l-.053-.058a9.98%209.98%200%200%200-3.381%208.372c.216.154.484.333.784.512c.818.487%201.752.894%202.512.894c.516%200%201.243-.187%201.987-.477c.42-.163.816-.348%201.145-.524a3.75%203.75%200%201%201%206.646.848l.371.245l.17.11c.477.313%201.062.7%201.38%201.018l.037.04c.475.059.901.28%201.182.66l.275.373a.086.086%200%200%200%20.13.01a.1.1%200%200%200%20.024-.075c-.078-.586.213-1.249.8-1.683M16.45%204.4a.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.98-.93a.75.75%200%200%200%200%201.06l1%201a.75.75%200%201%200%201.06-1.06l-1-1a.75.75%200%200%200-1.06%200M8.41%207.56a.75.75%200%200%200%20.918.53l1.366-.366a.75.75%200%200%200-.388-1.448l-1.366.366a.75.75%200%200%200-.53.918m-2.513-.386a.75.75%200%200%200-.372.993l.585%201.287a.75.75%200%200%200%201.365-.62L6.89%207.545a.75.75%200%200%200-.993-.372m10.854%203.964a.75.75%200%200%200%20.714-.784L17.4%208.941a.75.75%200%200%200-1.498.07l.066%201.414a.75.75%200%200%200%20.784.713m1.686.92a.75.75%200%200%200%201.058.068l1.678-1.478a.75.75%200%200%200-.99-1.126L18.503%2011a.75.75%200%200%200-.067%201.059M6.943%2010.896a.75.75%200%200%201%20.162%201.048l-.835%201.141a.75.75%200%200%201-1.21-.886l.835-1.14a.75.75%200%200%201%201.048-.163M3.563%208.19a.75.75%200%200%200-.707.79l.078%201.413a.75.75%200%200%200%201.498-.084l-.079-1.412a.75.75%200%200%200-.79-.707%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/donut2-filled.svg?color=%231a73e8&size=48
