Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as cupcake, dessert, bakery, sweet, muffin, unicorn, fantasy, smileys, and food and restaurant. Created in a clean gradient style with a silver, gray, and teal finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="d"
x1="-4553.326"
x2="-4553.326"
y1="194.794"
y2="131.145"
gradientTransform="matrix(-1 0 0 1 -4153.019 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d5738e" />
<stop offset="1" stop-color="#e6a3c1" />
</linearGradient>
<linearGradient
id="e"
x1="388.21"
x2="438.278"
y1="196.627"
y2="196.627"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="103.986"
x2="103.986"
y1="194.794"
y2="131.145"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-11.966"
x2="38.103"
y1="196.627"
y2="196.627"
gradientTransform="matrix(-1 0 0 1 104.117 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="h"
x1="85.304"
x2="428.077"
y1="405.623"
y2="405.623"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="19.612"
x2="447.516"
y1="270.199"
y2="270.199"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ad7d63" />
<stop offset="1" stop-color="#cb9d82" />
</linearGradient>
<linearGradient
id="j"
x1="255.937"
x2="255.937"
y1="195.057"
y2="102.458"
gradientTransform="translate(-4.417 2.976)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="k"
x1="188.381"
x2="323.982"
y1="93.096"
y2="93.096"
gradientTransform="translate(-4.417 2.976)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="l"
x1="210.318"
x2="282.907"
y1="38.877"
y2="38.877"
gradientTransform="translate(-4.417 2.976)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="251"
x2="251"
y1="251.759"
y2="156.861"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<path
fill="url(#d)"
d="M367.458 216.738c-14.021-13.191-17.643-29.619-6.506-46.067 20.222-29.867 61.353-46.273 77.376-32.736 6.051 5.112 8.485 14.47 7.773 25.478-23.888 30.194-59.591 50.933-78.643 53.325z"
/>
<path
fill="url(#e)"
d="M369.904 218.926a60.869 60.869 0 0 1-2.446-2.188c17.865-35.493 53.882-49.497 78.643-53.325-1.173 18.141-10.899 40.766-27.124 56.279-15.161 14.496-33.049 12.771-49.073-.766z"
/>
<path
fill="url(#f)"
d="M136.834 216.738c14.021-13.191 17.643-29.619 6.506-46.067-20.222-29.867-61.353-46.273-77.376-32.736-6.051 5.112-8.485 14.47-7.773 25.478 23.888 30.194 59.591 50.933 78.643 53.325z"
/>
<path
fill="url(#g)"
d="M134.388 218.926a60.869 60.869 0 0 0 2.446-2.188c-17.865-35.493-53.882-49.497-78.643-53.325 1.173 18.141 10.899 40.766 27.124 56.279 15.161 14.496 33.05 12.771 49.073-.766z"
/>
<path
fill="url(#h)"
d="M326.851 502h-149.41c-42.545 0-78.84-30.791-85.775-72.767L71.845 309.245h360.603l-19.822 119.987C405.691 471.209 369.396 502 326.851 502z"
/>
<g fill="#05c95a">
<path
d="M306.684 435.349c-9.588-1.22-16.37-9.982-15.15-19.57l11.247-88.354c1.22-9.588 9.994-16.376 19.57-15.15 9.588 1.22 16.37 9.982 15.15 19.57l-11.247 88.354c-1.224 9.615-10.013 16.37-19.57 15.15zM178.038 420.199l-11.247-88.354c-1.22-9.588 5.563-18.35 15.15-19.57 9.589-1.222 18.351 5.563 19.57 15.15l11.247 88.354c1.22 9.588-5.563 18.35-15.15 19.57-9.541 1.218-18.343-5.519-19.57-15.15z"
/>
</g>
<path
fill="url(#i)"
d="M251 155.402c-69.501 0-202.258 37.133-202.258 142.868 0 43.245 38.806 78.301 86.676 78.301 15.278 0 29.623-3.582 42.083-9.855 5.113-2.574 11.204-2.26 15.942.953 16.037 10.876 35.959 17.326 57.556 17.326s41.519-6.45 57.556-17.326c4.738-3.213 10.829-3.527 15.942-.953 12.461 6.272 26.806 9.855 42.083 9.855 47.87 0 86.676-35.057 86.676-78.301.002-105.735-132.754-142.868-202.256-142.868z"
/>
<path
fill="url(#j)"
d="M189.992 152.252c1.448 20.468 28.121 36.854 60.878 36.964 33.731.113 61.133-17.075 61.204-38.39.043-12.965-2.129-29.931-5.922-47.79-44.567-.741-77.406 11.278-116.16 49.216z"
/>
<path
fill="url(#k)"
d="M287.043 41.496c-31.751 3.274-61.653 12.999-86.601 43.731-6.483 23.916-10.46 48.04-10.517 65.189-.002.615.024 1.226.068 1.835 36.085-8.938 76.85-23.997 116.161-49.216-4.452-20.959-11.138-43.141-19.111-61.539z"
/>
<path
fill="url(#l)"
d="M287.043 41.496C276.672 17.564 264.129.042 251.504 0c-19.661-.066-39.411 42.244-51.062 85.227 28.221-9.23 58.281-23.061 86.601-43.731z"
/>
<path
fill="url(#m)"
d="M251 256.737c-46.441 0-86.089-12.279-117.843-36.497-21.402-16.323-25.519-46.904-9.197-68.306 16.321-21.401 46.904-25.52 68.305-9.196 14.382 10.968 34.143 16.529 58.735 16.529s44.353-5.562 58.735-16.529c21.402-16.323 51.983-12.204 68.305 9.196 16.322 21.402 12.205 51.983-9.197 68.306-31.754 24.217-71.402 36.497-117.843 36.497z"
/>
<g fill="#a7f2d2">
<path
d="M326.851 482c-5.522 0-10-4.477-10-10s4.478-10 10-10c3.955 0 7.914-.5 11.77-1.486 5.353-1.365 10.799 1.859 12.166 7.209 1.369 5.351-1.858 10.798-7.209 12.167a67.568 67.568 0 0 1-16.727 2.11zM372.814 458.683a9.958 9.958 0 0 1-5.886-1.922c-4.462-3.255-5.44-9.511-2.185-13.972a46.666 46.666 0 0 0 8.417-20.076c.901-5.448 6.05-9.136 11.496-8.236 5.449.9 9.137 6.047 8.236 11.497-1.725 10.435-5.76 20.059-11.993 28.603a9.985 9.985 0 0 1-8.085 4.106z"
/>
</g>
<path
fill="#a37460"
d="M326.25 260.801c0-8.922-7.023-14.239-15.612-11.827-18.373 5.16-38.286 7.762-59.639 7.762-46.441 0-86.089-12.279-117.843-36.497-9.503-7.248-15.589-17.308-18-28.126-23.265 13.985-43.096 32.417-54.876 56.033-4.514 9.049-.109 20.025 9.346 23.614 8.487 3.221 18.159-.348 22.248-8.453 3.691-7.317 8.532-13.984 14.296-20.067a83.473 83.473 0 0 0 5.763 4.829c37.992 28.976 84.781 43.668 139.067 43.668 22.444 0 43.604-2.517 63.392-7.514 10.209-2.579 15.749-13.637 11.858-23.422z"
/>
</svg>
More icons in the same style and category