Add icons to this collection by clicking the heart icon.
Cup Cake icon - also known as star, dessert, helmet, holidays, celebrating, event, cup cake, and labor day. Created in a clean flat 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 512 512"
>
<linearGradient
id="c"
x1="120.269"
x2="391.731"
y1="415.731"
y2="144.269"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#fdab33" />
<stop offset="1" stop-color="#fed599" />
</linearGradient>
<linearGradient
id="d"
x1="89.006"
x2="435.748"
y1="545.001"
y2="198.259"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#ecdef1" />
<stop offset="1" stop-color="#f5eff8" />
</linearGradient>
<linearGradient
id="a"
x1="62.977"
x2="164.423"
y1="455.203"
y2="353.756"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#b17cc6" />
<stop offset="1" stop-color="#d8bee2" />
</linearGradient>
<linearGradient
id="e"
x1="321.104"
x2="475.496"
y1="481.676"
y2="327.283"
href="#a"
/>
<linearGradient
id="f"
x1="187.29"
x2="324.71"
y1="473.575"
y2="336.155"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#c59dd4" />
<stop offset="1" stop-color="#ecdef1" />
</linearGradient>
<linearGradient
id="g"
x1="283.38"
x2="391.91"
y1="166.391"
y2="57.86"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#ffd533" />
<stop offset="1" stop-color="#ffea99" />
</linearGradient>
<linearGradient
id="h"
x1="288.782"
x2="389.843"
y1="132.402"
y2="31.341"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#ffdf66" />
<stop offset="1" stop-color="#fff4cc" />
</linearGradient>
<linearGradient
id="b"
x1="161.757"
x2="194.243"
y1="66.243"
y2="33.757"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#ff959f" />
<stop offset="1" stop-color="#ffdcdf" />
</linearGradient>
<linearGradient
id="i"
x1="37.757"
x2="70.243"
y1="166.243"
y2="133.757"
href="#b"
/>
<linearGradient
id="j"
x1="53.757"
x2="86.243"
y1="62.243"
y2="29.757"
href="#b"
/>
<g>
<ellipse cx="256" cy="280" fill="url(#c)" rx="196" ry="188" />
<path
fill="url(#d)"
d="M424 288c-24 0-40 40-40 40s0-40-32-40-48 40-48 40-7-40-48-40-48 40-48 40-16-40-48-40-32 40-32 40-16-40-40-40c-32 0-31 40-31 40l52.266 171.5a12 12 0 0 0 11.479 8.5h270.51a12 12 0 0 0 11.479-8.5L455 328s1-40-31-40z"
/>
<path
fill="url(#a)"
d="M128 328s-16-40-40-40c-32 0-31 40-31 40l52.266 171.5a12 12 0 0 0 11.479 8.5h43.826z"
/>
<path
fill="url(#e)"
d="M424 288c-24 0-40 40-40 40l-36.571 180h43.826a12 12 0 0 0 11.479-8.5L455 328s1-40-31-40z"
/>
<path
fill="url(#f)"
d="M256 288c-41 0-48 40-48 40l13.714 180h68.572L304 328s-7-40-48-40z"
/>
<path
fill="#d4f3f4"
d="M240 204a12 12 0 0 1-8.485-20.485l16-16a12 12 0 0 1 16.97 16.97l-16 16A11.963 11.963 0 0 1 240 204z"
/>
<path
fill="#feeacc"
d="M352 212a11.963 11.963 0 0 1-8.485-3.515l-16-16a12 12 0 0 1 16.97-16.97l16 16A12 12 0 0 1 352 212z"
/>
<path
fill="#d4f3f4"
d="M120 260a12 12 0 0 1-8.485-20.485l16-16a12 12 0 0 1 16.97 16.97l-16 16A11.963 11.963 0 0 1 120 260z"
/>
<path
fill="#ffdcdf"
d="M184.009 228a12 12 0 0 1-10.742-6.637l-8-16a12 12 0 1 1 21.466-10.732l8 16A12.005 12.005 0 0 1 184.009 228z"
/>
<path
fill="#feeacc"
d="M207.991 172a11.945 11.945 0 0 1-5.358-1.27l-16-8a12 12 0 0 1 10.734-21.466l16 8A12 12 0 0 1 207.991 172z"
/>
<path
fill="#fff4cc"
d="M392 260a12 12 0 0 1-12-12v-16a12 12 0 0 1 24 0v16a12 12 0 0 1-12 12z"
/>
<path
fill="#ffdcdf"
d="M295.991 236a11.945 11.945 0 0 1-5.358-1.27l-16-8a12 12 0 0 1 10.734-21.466l16 8A12 12 0 0 1 295.991 236z"
/>
<path
fill="#fff4cc"
d="M223.991 268a12.005 12.005 0 0 1-10.724-17.369l8-16a12 12 0 1 1 21.466 10.732l-8 16A12 12 0 0 1 223.991 268z"
/>
<path
fill="#ffdcdf"
d="M280 156a12 12 0 0 1-12-12v-16a12 12 0 0 1 24 0v16a12 12 0 0 1-12 12z"
/>
<path
fill="url(#g)"
d="M418.888 98.811a107.3 107.3 0 0 0-56.242-60.577 108 108 0 0 0-143.178 53.178 12 12 0 0 0 5.908 15.908l174.54 80a12 12 0 0 0 15.908-5.909 107.291 107.291 0 0 0 3.064-82.6z"
/>
<path
fill="url(#h)"
d="M397.521 40.824a12 12 0 0 0-6.391-7.135l-43.634-20a12 12 0 0 0-16.238 6.7l-39.394 105.147a12 12 0 0 0 6.237 15.119l29.09 13.333a11.995 11.995 0 0 0 15.525-5.144l53.939-98.481a12 12 0 0 0 .866-9.539z"
/>
<path
fill="#fff4cc"
d="M419.453 195.083a11.969 11.969 0 0 1-4.993-1.094l-203.628-93.336a12 12 0 1 1 10-21.816l203.628 93.335a12 12 0 0 1-5.007 22.911z"
/>
<path
fill="url(#b)"
d="M203.777 44.27c-16.9-5.242-19.057-12.232-19.815-18.944a6 6 0 0 0-11.924 0c-.759 6.711-2.913 13.7-19.815 18.944a6 6 0 0 0 1.1 11.692c6.711.758 13.7 2.913 18.942 19.815a6 6 0 0 0 11.462 0c5.242-16.9 12.232-19.057 18.942-19.815a6 6 0 0 0 1.1-11.692z"
/>
<path
fill="url(#i)"
d="M79.777 144.27c-16.9-5.242-19.057-12.232-19.815-18.944a6 6 0 0 0-11.924 0c-.759 6.711-2.913 13.7-19.815 18.944a6 6 0 0 0 1.1 11.692c6.711.758 13.7 2.913 18.942 19.815a6 6 0 0 0 11.462 0c5.242-16.9 12.232-19.057 18.942-19.815a6 6 0 0 0 1.1-11.692z"
/>
<path
fill="url(#j)"
d="M95.777 40.27c-16.9-5.242-19.057-12.232-19.815-18.944a6 6 0 0 0-11.924 0c-.759 6.711-2.913 13.7-19.815 18.944a6 6 0 0 0 1.1 11.692c6.711.758 13.7 2.913 18.942 19.815a6 6 0 0 0 11.462 0c5.242-16.9 12.232-19.057 18.942-19.815a6 6 0 0 0 1.1-11.692z"
/>
</g>
</svg>
More icons in the same style and category