Add icons to this collection by clicking the heart icon.
Cake icon - also known as food, cake, candle, sweet, birthday, anniversary, years, 50, 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.41"
x2="99.3"
y1="61.05"
y2="61.05"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#abc9f4" />
<stop offset=".75" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="71.59"
y1="62.5"
y2="62.5"
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="64"
x2="64"
y1="36"
y2="2"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe97c" />
<stop offset="1" stop-color="#ffd370" />
</linearGradient>
<linearGradient
id="e"
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="f"
x1="28"
x2="100"
y1="95.5"
y2="95.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff596b" />
<stop offset="1" stop-color="#ff9ccb" />
</linearGradient>
<path
fill="url(#a)"
d="M77.35 38c-12.12 0-21.94 10.3-21.94 23s9.82 23 21.94 23 22-10.31 22-23-9.88-23-22-23zm0 29.93a6.93 6.93 0 1 1 6.93-6.92A6.92 6.92 0 0 1 77.35 68z"
/>
<path
fill="url(#b)"
d="M69 39v12H47v3h3c11.84 0 19.18 3.52 21 11.07C74.62 79.59 59.71 86 51 86c-11.39 0-19-8-19-18v-1h15a4.15 4.15 0 0 0 3.71 2.31 4.07 4.07 0 0 0 4-4.24 4.19 4.19 0 0 0-4.24-4L32 61V39z"
/>
<rect width="72" height="36" x="28" y="80" fill="url(#c)" rx="2.2" />
<path
fill="url(#d)"
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(#e)"
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(#f)"
d="M97.73 80H30.27A2.27 2.27 0 0 0 28 82.29v24.19a4.5 4.5 0 0 0 4.5 4.5 4.5 4.5 0 0 0 4.5-4.5v-6.26a4.5 4.5 0 0 1 4.5-4.5 4.5 4.5 0 0 1 4.5 4.5v1.32a4.49 4.49 0 0 0 4.5 4.5 4.49 4.49 0 0 0 4.5-4.5v-4A4.5 4.5 0 0 1 59.5 93a4.5 4.5 0 0 1 4.5 4.5v6.5a4.49 4.49 0 0 0 4.5 4.5A4.49 4.49 0 0 0 73 104v-1.54A4.49 4.49 0 0 1 77.5 98a4.49 4.49 0 0 1 4.5 4.5v4a4.5 4.5 0 0 0 4.5 4.5 4.5 4.5 0 0 0 4.5-4.5v-4a4.49 4.49 0 0 1 4.5-4.5 4.5 4.5 0 0 0 4.5-4.5V82.29A2.27 2.27 0 0 0 97.73 80z"
/>
</svg>
More icons in the same style and category