Add icons to this collection by clicking the heart icon.
Cake icon - also known as food, cake, candle, sweet, birthday, 100, anniversary, years, 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="62.87"
x2="106.77"
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="37.63"
x2="81.52"
y1="61.05"
y2="61.05"
href="#a"
/>
<linearGradient
id="d"
x1="19"
x2="48"
y1="61.5"
y2="61.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#66a1f4" />
<stop offset=".59" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="e"
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="f"
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="g"
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="b"
x1="28"
x2="100"
y1="103.43"
y2="103.43"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff596b" />
<stop offset="1" stop-color="#ff9ccb" />
</linearGradient>
<linearGradient
id="h"
x1="-329.15"
x2="-348.85"
y1="2026.02"
y2="2026.02"
gradientTransform="rotate(180 -137.5 1059.275)"
href="#b"
/>
<path
fill="url(#a)"
d="M84.82 38C72.7 38 62.87 48.3 62.87 61s9.83 23 21.95 23 22-10.31 22-23-9.88-23-22-23zm0 29.93a6.93 6.93 0 1 1 6.92-6.92A6.92 6.92 0 0 1 84.82 68z"
/>
<path
fill="url(#c)"
d="M59.57 38c-12.12 0-21.94 10.3-21.94 23s9.82 23 21.94 23 21.95-10.31 21.95-23-9.82-23-21.95-23zm0 29.93a6.93 6.93 0 1 1 6.93-6.92A6.92 6.92 0 0 1 59.57 68z"
/>
<path fill="url(#d)" d="M48 84H30V51H19l14-12h15z" />
<rect width="72" height="36" x="28" y="80" fill="url(#e)" rx="2.2" />
<path
fill="url(#f)"
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(#g)"
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(#b)"
d="M85 106a9.87 9.87 0 0 0-16.22 7.52 9.46 9.46 0 0 0 .06 1.07 6.3 6.3 0 0 0-9.8.33 10.6 10.6 0 0 0 .1-1.4A9.87 9.87 0 0 0 43 106a16.8 16.8 0 0 0-15-15.15v22.89a2.27 2.27 0 0 0 2.27 2.26h67.46a2.27 2.27 0 0 0 2.27-2.26V90.85A16.8 16.8 0 0 0 85 106z"
/>
<path
fill="url(#h)"
d="m64 99-5.36 2.82a.67.67 0 0 1-1-.7l1-6L54.35 91a.67.67 0 0 1 .37-1.15l6-.87 2.68-5.48a.67.67 0 0 1 1.2 0l2.68 5.43 6 .87a.67.67 0 0 1 .37 1.2l-4.34 4.22 1 6a.67.67 0 0 1-1 .7z"
/>
</svg>
More icons in the same style and category