Add icons to this collection by clicking the heart icon.
Muffin icon - also known as food, cupcake, dessert, bakery, sweet, baked, muffin, and food and restaurant. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-43.399"
x2="-26.007"
y1="642.186"
y2="624.793"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 0C138.368 0 42.667 87.595 42.667 195.264c0 31.339 8.427 65.408 35.435 92.821l35.541 214.976A10.654 10.654 0 0 0 124.16 512h263.68c5.227 0 9.664-3.776 10.517-8.939l35.541-214.976c27.008-27.413 35.435-61.483 35.435-92.821C469.333 87.595 373.632 0 256 0zm0 21.333c105.877 0 192 78.016 192 173.931C448 278.037 383.403 320 256 320S64 278.037 64 195.264c0-95.915 86.123-173.931 192-173.931zm144.427 338.39C365.291 375.765 316.864 384 256 384s-109.312-8.235-144.427-24.277l-8.597-51.989c32.512 20.224 81.003 33.6 153.024 33.6s120.512-13.376 153.024-33.6l-8.597 51.989zm-21.632 130.944h-245.59l-17.536-106.112c36.459 13.76 83.435 20.779 140.331 20.779 56.875 0 103.872-7.019 140.331-20.779l-17.536 106.112z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-34.057"
x2="-33.349"
y1="641.838"
y2="641.13"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.667 128c2.731 0 5.461-1.045 7.531-3.136l21.333-21.333c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-21.333 21.333c-4.16 4.16-4.16 10.923 0 15.083a10.643 10.643 0 0 0 7.552 3.136z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-30.057"
x2="-29.349"
y1="641.838"
y2="641.13"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352 128c2.731 0 5.461-1.045 7.531-3.136l21.333-21.333c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-21.333 21.333c-4.16 4.16-4.16 10.923 0 15.083A10.645 10.645 0 0 0 352 128z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-29.057"
x2="-28.349"
y1="638.837"
y2="638.129"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M365.781 188.885c2.091 2.069 4.821 3.115 7.552 3.115s5.461-1.045 7.531-3.115l21.333-21.333c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-21.333 21.333c-4.16 4.161-4.16 10.902 0 15.083z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-33.057"
x2="-32.349"
y1="638.837"
y2="638.129"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M280.448 188.885A10.716 10.716 0 0 0 288 192c2.731 0 5.461-1.045 7.531-3.115l21.333-21.333c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-21.333 21.333c-4.16 4.161-4.16 10.902 0 15.083z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-38.057"
x2="-37.349"
y1="639.838"
y2="639.13"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M173.781 167.531a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.531-3.136l21.333-21.333c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-21.333 21.333c-4.16 4.181-4.16 10.923 0 15.083z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-40.057"
x2="-39.349"
y1="641.838"
y2="641.13"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M138.667 128c2.731 0 5.461-1.045 7.531-3.136l21.333-21.333c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-21.333 21.333c-4.16 4.16-4.16 10.923 0 15.083a10.643 10.643 0 0 0 7.552 3.136z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category