Add icons to this collection by clicking the heart icon.
Cake icon - also known as food, cake, candle, sweet, birthday, anniversary, years, birthday and party, and 20. 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="b"
x1="54.36"
x2="98.25"
y1="61.05"
y2="61.05"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#abc9f4" />
<stop offset=".75" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="c"
x1="34"
x2="71.11"
y1="59.52"
y2="59.52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#66a1f4" />
<stop offset=".59" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="d"
x1="28"
x2="100"
y1="98"
y2="98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd370" />
<stop offset="1" stop-color="#f7ac3b" />
</linearGradient>
<linearGradient
id="e"
x1="64"
x2="64"
y1="35.96"
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.42"
y2="24.26"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#ff6975" />
<stop offset="1" stop-color="#ff7996" />
</linearGradient>
<linearGradient
id="a"
x1="100"
x2="28"
y1="93.74"
y2="93.74"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff596b" />
<stop offset="1" stop-color="#ff9ccb" />
</linearGradient>
<linearGradient
id="g"
x1="-1825"
x2="-1753"
y1="784.49"
y2="784.49"
gradientTransform="rotate(180 -862.5 443.375)"
href="#a"
/>
<linearGradient
id="h"
x1="28"
x2="100"
y1="98"
y2="98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdde5" />
<stop offset="1" stop-color="#ff9cb5" />
</linearGradient>
<path
fill="url(#b)"
d="M76.3 38c-12.12 0-21.94 10.3-21.94 23s9.82 23 21.94 23 22-10.31 22-23-9.87-23-22-23zm0 30a6.93 6.93 0 1 1 6.93-6.92A6.92 6.92 0 0 1 76.3 68z"
/>
<path
fill="url(#c)"
d="M34 54v-1c0-5.81 5.39-15 18.35-15 12.73 0 18.76 7.59 18.76 15.41 0 4-2.81 7.61-6.7 10.72C59.94 67.75 57 70 57 70h14v11H34V70s9.6-5.91 12.76-8.28c1.62-1.22 8.49-5.53 8.49-8 0-2.68-1.4-3.57-3.35-3.57-3.7 0-3.55 3.9-3.55 3.9z"
/>
<rect width="72" height="36" x="28" y="80" fill="url(#d)" rx="2.07" />
<path
fill="url(#e)"
d="M74.81 25.15a10.81 10.81 0 0 1-21.62 0C53.19 19.19 64 2 64 2s10.81 17.19 10.81 23.15z"
/>
<path
fill="url(#f)"
d="M67.23 31.19a3.23 3.23 0 0 1-6.46 0c0-1.79 3.23-6.93 3.23-6.93s3.23 5.14 3.23 6.93z"
/>
<path
fill="url(#a)"
d="M100 96.34c0-4.61-4-8.34-9-8.34s-9 3.73-9 8.34c0-4.61-4-8.34-9-8.34s-9 3.73-9 8.34c0-4.61-4-8.34-9-8.34s-9 3.73-9 8.34c0-4.61-4-8.34-9-8.34s-9 3.73-9 8.34v3.12h72v-3.1z"
/>
<path
fill="url(#g)"
d="M28 99.66c0 4.61 4 8.34 9 8.34s9-3.73 9-8.34c0 4.61 4 8.34 9 8.34s9-3.73 9-8.34c0 4.61 4 8.34 9 8.34s9-3.73 9-8.34c0 4.61 4 8.34 9 8.34s9-3.73 9-8.34v-3.14H28v3.12z"
/>
<path fill="url(#h)" d="M28 96h72v4H28z" />
</svg>
More icons in the same style and category