Add icons to this collection by clicking the heart icon.
Donut icon - also known as food, dessert, bakery, donut, sweet, snack, restaurant, and food and restaurant. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 128 128"
>
<linearGradient
id="a"
x1="8"
x2="120"
y1="67.351"
y2="67.351"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaa486" />
<stop offset="1" stop-color="#d87459" />
</linearGradient>
<linearGradient
id="f"
x1="64"
x2="64"
y1="85.276"
y2="101.36"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d87459" stop-opacity="0" />
<stop offset=".843" stop-color="#d87459" />
</linearGradient>
<linearGradient
id="g"
x1="46.432"
x2="81.568"
y1="55.106"
y2="55.106"
href="#a"
/>
<linearGradient
id="h"
x1="64"
x2="64"
y1="55.106"
y2="61.519"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d87459" stop-opacity="0" />
<stop offset=".726" stop-color="#d87459" />
</linearGradient>
<linearGradient
id="i"
x1="8.006"
x2="119.998"
y1="62.249"
y2="62.249"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#854836" />
<stop offset="1" stop-color="#612618" />
</linearGradient>
<linearGradient
id="j"
x1="64.003"
x2="64.003"
y1="61.513"
y2="91.158"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#612618" stop-opacity="0" />
<stop offset=".793" stop-color="#612618" />
</linearGradient>
<linearGradient
id="b"
x1="52.072"
x2="59.508"
y1="43.206"
y2="43.206"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#39d398" />
<stop offset="1" stop-color="#1d9958" />
</linearGradient>
<linearGradient
id="k"
x1="39.424"
x2="44.428"
y1="61.685"
y2="61.685"
href="#b"
/>
<linearGradient
id="l"
x1="72.058"
x2="77.204"
y1="71.319"
y2="71.319"
href="#b"
/>
<linearGradient
id="d"
x1="79.034"
x2="82.784"
y1="44.359"
y2="44.359"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#60b6ea" />
<stop offset="1" stop-color="#3796d1" />
</linearGradient>
<linearGradient
id="m"
x1="101.09"
x2="104.234"
y1="53.751"
y2="53.751"
href="#b"
/>
<linearGradient
id="n"
x1="91.404"
x2="95.978"
y1="59.798"
y2="59.798"
href="#b"
/>
<linearGradient
id="o"
x1="66.012"
x2="69.712"
y1="40.835"
y2="40.835"
href="#b"
/>
<linearGradient
id="c"
x1="59.275"
x2="64.35"
y1="69.952"
y2="69.952"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc21f" />
<stop offset="1" stop-color="#ed7e24" />
</linearGradient>
<linearGradient
id="p"
x1="21.274"
x2="28.135"
y1="58.52"
y2="58.52"
href="#c"
/>
<linearGradient
id="q"
x1="41.622"
x2="43.622"
y1="44.752"
y2="44.752"
href="#d"
/>
<linearGradient
id="e"
x1="86.799"
x2="90.345"
y1="50.59"
y2="50.59"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff80b0" />
<stop offset="1" stop-color="#ef3a61" />
</linearGradient>
<linearGradient
id="r"
x1="86.14"
x2="88.14"
y1="67.623"
y2="67.623"
href="#e"
/>
<linearGradient
id="s"
x1="31.408"
x2="37.778"
y1="66.157"
y2="66.157"
href="#b"
/>
<linearGradient
id="t"
x1="98.468"
x2="101.347"
y1="65.093"
y2="65.093"
href="#e"
/>
<linearGradient
id="u"
x1="50.523"
x2="52.523"
y1="70.479"
y2="70.479"
href="#d"
/>
<linearGradient
id="v"
x1="23.705"
x2="28.779"
y1="50.719"
y2="50.719"
href="#e"
/>
<linearGradient
id="w"
x1="91.262"
x2="96.12"
y1="45.315"
y2="45.315"
href="#d"
/>
<linearGradient
id="x"
x1="35.135"
x2="38.218"
y1="51.82"
y2="51.82"
href="#b"
/>
<path
fill="url(#a)"
d="M117.585 52.814C113.823 41.804 91.265 33.343 64 33.343s-49.823 8.461-53.585 19.47c-3.355 7.493-3.041 20.583-.128 26.921h.005c0 .024-.015.05-.005.071C15.761 90.885 34.101 101.36 64 101.36s48.24-10.476 53.713-21.554c.01-.022-.004-.047-.004-.071h.004c2.913-6.339 3.227-19.43-.128-26.921zM64 63.444a34.003 34.003 0 0 1-11.841-1.93A33.968 33.968 0 0 1 64 59.582a33.964 33.964 0 0 1 11.84 1.934A34.005 34.005 0 0 1 64 63.445z"
/>
<path
fill="url(#f)"
d="M14.125 85.276C22.24 94.099 39.11 101.36 64 101.36s41.76-7.26 49.875-16.084z"
/>
<path
fill="url(#g)"
d="M52.169 61.519A33.91 33.91 0 0 1 64 59.58a33.962 33.962 0 0 1 11.84 1.934 12.284 12.284 0 0 0 4.476-2.706 3.989 3.989 0 0 0 1.252-2.739c0-4.073-7.865-7.375-17.568-7.375s-17.568 3.301-17.568 7.375a3.989 3.989 0 0 0 1.252 2.74 12.3 12.3 0 0 0 4.485 2.709z"
/>
<path
fill="url(#h)"
d="M46.432 56.07a3.989 3.989 0 0 0 1.252 2.74 12.3 12.3 0 0 0 4.485 2.71A33.91 33.91 0 0 1 64 59.58a33.962 33.962 0 0 1 11.84 1.934 12.284 12.284 0 0 0 4.476-2.706 3.989 3.989 0 0 0 1.252-2.739 3.24 3.24 0 0 0-.167-.963H46.6a3.24 3.24 0 0 0-.167.963z"
/>
<path
fill="url(#i)"
d="M117.59 52.81C113.82 41.8 91.27 33.34 64 33.34S14.18 41.8 10.41 52.81c-2.05 4.6-2.72 11.29-2.27 17.24 4.6 2.94 7.45.15 11.73 1.81 7.13 2.76 5.84 10.86 13.46 12.48 4.74 1.01 10.73-4.71 15.85-4.1 4.96.59 8.14 11.26 15.1 10.91 6.48-.33 9.87-9.19 14.83-9.77 5.12-.61 9.8 10.62 16.45 8.96 7.41-1.85 6.56-16.17 10.86-17.99 4.23-1.79 8.63.67 13.52-3.54.28-5.63-.44-11.72-2.35-16zm-37.27 6a12.47 12.47 0 0 1-4.48 2.71A34.194 34.194 0 0 1 64 63.44a34.115 34.115 0 0 1-11.82-1.92c-.01-.01-.01-.01-.02-.01a12.323 12.323 0 0 1-4.48-2.7 4.023 4.023 0 0 1-1.25-2.74c0-4.07 7.87-7.38 17.57-7.38S81.57 52 81.57 56.07a4.023 4.023 0 0 1-1.25 2.74z"
/>
<path
fill="url(#j)"
d="M75.84 61.52A34.194 34.194 0 0 1 64 63.44a34.115 34.115 0 0 1-11.82-1.92.018.018 0 0 0-.014-.007H8.281a47.228 47.228 0 0 0-.141 8.537c4.6 2.94 7.45.15 11.73 1.81 7.13 2.76 5.84 10.86 13.46 12.48 4.74 1.01 10.73-4.71 15.85-4.1 4.96.59 8.14 11.26 15.1 10.91 6.48-.33 9.87-9.19 14.83-9.77 5.12-.61 9.8 10.62 16.45 8.96 7.41-1.85 6.56-16.17 10.86-17.99 4.23-1.79 8.63.67 13.52-3.54a46.67 46.67 0 0 0-.217-7.297H75.856z"
/>
<path
fill="url(#b)"
d="M53.861 44.29q-.4 0-.8-.006a1 1 0 0 1 .01-2h.013a63.59 63.59 0 0 0 5.351-.16 1 1 0 1 1 .144 1.995c-1.563.113-3.147.17-4.718.17z"
/>
<path
fill="url(#k)"
d="M40.423 62.97a1 1 0 0 1-.186-1.982l3.004-.571a1 1 0 1 1 .374 1.964l-3.004.572a.99.99 0 0 1-.188.018z"
/>
<path
fill="url(#l)"
d="M76.205 72.608a1.005 1.005 0 0 1-.182-.016l-3.147-.58a1 1 0 1 1 .363-1.967l3.145.58a1 1 0 0 1-.18 1.983z"
/>
<path
fill="url(#d)"
d="M81.783 45.752a1.003 1.003 0 0 1-.41-.088l-1.749-.786a1 1 0 0 1 .82-1.824l1.75.786a1 1 0 0 1-.411 1.912z"
/>
<path
fill="url(#m)"
d="M103.235 55.753a.998.998 0 0 1-.798-.396 9.907 9.907 0 0 1-1.272-2.227 1 1 0 0 1 1.85-.76 7.96 7.96 0 0 0 1.017 1.778 1 1 0 0 1-.796 1.604z"
/>
<path
fill="url(#n)"
d="M92.403 61.015a1 1 0 0 1-.165-1.987l2.574-.433a1 1 0 1 1 .332 1.972l-2.574.434a1.02 1.02 0 0 1-.167.014z"
/>
<path
fill="url(#o)"
d="M67.012 42.63a1 1 0 0 1-.683-1.73l1.7-1.59a1 1 0 1 1 1.367 1.46l-1.701 1.59a.997.997 0 0 1-.683.27z"
/>
<path
fill="url(#c)"
d="M60.276 71.725a1 1 0 0 1-.45-1.894l3.074-1.545a1 1 0 1 1 .898 1.787l-3.074 1.545a.998.998 0 0 1-.448.107z"
/>
<path
fill="url(#p)"
d="M22.273 60.245a1 1 0 0 1-.198-1.98 27.475 27.475 0 0 0 4.69-1.398 1 1 0 1 1 .74 1.857 29.42 29.42 0 0 1-5.033 1.501 1.002 1.002 0 0 1-.2.02z"
/>
<path
fill="url(#q)"
d="M42.622 46.741a1 1 0 0 1-1-1v-1.978a1 1 0 0 1 2 0v1.978a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M87.799 51.8a1 1 0 0 1-.26-1.966l1.545-.418a1 1 0 1 1 .522 1.931l-1.546.417a1.008 1.008 0 0 1-.261.035z"
/>
<path
fill="url(#r)"
d="M87.14 69.612a1 1 0 0 1-1-1v-1.978a1 1 0 1 1 2 0v1.978a1 1 0 0 1-1 1z"
/>
<path
fill="url(#s)"
d="M36.778 67.561a1.015 1.015 0 0 1-.183-.017l-4.369-.809a1 1 0 1 1 .364-1.966l4.37.809a1 1 0 0 1-.182 1.983z"
/>
<path
fill="url(#t)"
d="M99.467 66.204a1 1 0 0 1-.242-1.97l.88-.22a1 1 0 1 1 .485 1.94l-.88.22a.996.996 0 0 1-.243.03z"
/>
<path
fill="url(#u)"
d="M51.523 72.029a1 1 0 0 1-1-1v-1.1a1 1 0 0 1 2 0v1.1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#v)"
d="M24.704 51.848a1 1 0 0 1-.083-1.997l3.075-.257a1 1 0 1 1 .166 1.993l-3.074.257a.96.96 0 0 1-.084.004z"
/>
<path
fill="url(#w)"
d="M95.12 46.315h-2.858a1 1 0 0 1 0-2h2.858a1 1 0 0 1 0 2z"
/>
<path
fill="url(#x)"
d="M37.219 53.496a.997.997 0 0 1-.781-.375l-1.084-1.354a1 1 0 1 1 1.562-1.249l1.083 1.354a1 1 0 0 1-.78 1.624z"
/>
</svg>
More icons in the same style and category