Add icons to this collection by clicking the heart icon.
Cake icon - also known as food, cake, candle, sweet, birthday, anniversary, years, 30, and birthday and party. 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="55.12"
x2="98.93"
y1="60.93"
y2="60.93"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#abc9f4" />
<stop offset=".75" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="b"
x1="33"
x2="71.49"
y1="60.93"
y2="60.93"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#66a1f4" />
<stop offset=".59" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="c"
x1="100"
x2="28"
y1="98"
y2="98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd370" />
<stop offset="1" stop-color="#f7ac3b" />
</linearGradient>
<linearGradient
id="d"
x1="28"
x2="100"
y1="94.5"
y2="94.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff596b" />
<stop offset="1" stop-color="#ff9ccb" />
</linearGradient>
<linearGradient
id="e"
x1="64"
x2="64"
y1="36"
y2="2"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe97c" />
<stop offset="1" stop-color="#ffd370" />
</linearGradient>
<linearGradient
id="f"
x1="64"
x2="64"
y1="34.35"
y2="24.22"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#ff6975" />
<stop offset="1" stop-color="#ff7996" />
</linearGradient>
<linearGradient
id="g"
x1="68"
x2="60"
y1="89"
y2="89"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdde5" />
<stop offset="1" stop-color="#ff9cb5" />
</linearGradient>
<path
fill="url(#a)"
d="M77 38c-12.09 0-21.9 10.28-21.9 23S64.91 84 77 84s21.91-10.29 21.91-23S89.12 38 77 38zm0 29.87a6.91 6.91 0 1 1 6.92-6.91A6.91 6.91 0 0 1 77 67.84z"
/>
<path
fill="url(#b)"
d="M33 54v-1c0-5.8 5.4-15 18.33-15 9.36 0 17.83 6 18.73 13.15a8.26 8.26 0 0 1-3.35 8s5.58 3.56 4.68 10C70 79.56 60.31 83.9 51.62 83.9 40.25 83.9 33 78 33 68v-1h14.36a4.23 4.23 0 0 0 3.75 2.18 4.07 4.07 0 0 0 4-4.24 4.19 4.19 0 0 0-4.24-4v-4a3.46 3.46 0 1 0 0-6.91c-1.78 0-3.41 1.59-3.43 4z"
/>
<path
fill="url(#c)"
d="M33.65 80h60.7a5.65 5.65 0 0 1 5.65 5.65v28.15a2.2 2.2 0 0 1-2.2 2.2H30.2a2.2 2.2 0 0 1-2.2-2.2V85.65A5.65 5.65 0 0 1 33.65 80z"
/>
<path
fill="url(#d)"
d="M94.39 80H33.61A5.6 5.6 0 0 0 28 85.58v17.32a21.22 21.22 0 0 0 36.11-15v-.11.11A21.22 21.22 0 0 0 100 103.11V85.58A5.6 5.6 0 0 0 94.39 80z"
/>
<path
fill="url(#e)"
d="M74.82 25.18a10.82 10.82 0 1 1-21.64 0C53.18 19.21 64 2 64 2s10.82 17.21 10.82 23.18z"
/>
<path
fill="url(#f)"
d="M67.22 31.13a3.22 3.22 0 1 1-6.44 0c0-1.78 3.22-6.91 3.22-6.91s3.22 5.13 3.22 6.91z"
/>
<circle cx="64" cy="89" r="4" fill="url(#g)" />
</svg>
More icons in the same style and category