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 40. 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.51"
x2="98.41"
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="26.02"
x2="70"
y1="64.5"
y2="64.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#66a1f4" />
<stop offset=".59" stop-color="#3885f4" />
</linearGradient>
<linearGradient
id="d"
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="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.42"
y2="24.26"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#ff6975" />
<stop offset="1" stop-color="#ff7996" />
</linearGradient>
<linearGradient
id="a"
x1="28"
x2="43.53"
y1="111.5"
y2="111.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff596b" />
<stop offset="1" stop-color="#ff9ccb" />
</linearGradient>
<linearGradient id="g" x1="42.12" x2="57.65" href="#a" />
<linearGradient id="h" x1="56.23" x2="71.77" href="#a" />
<linearGradient id="i" x1="70.35" x2="85.88" href="#a" />
<linearGradient id="j" x1="84.47" x2="100" href="#a" />
<path
fill="url(#b)"
d="M76.46 38c-12.12 0-21.95 10.3-21.95 23s9.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.93 6.93 0 0 1 76.46 68z"
/>
<path
fill="url(#c)"
d="M65 66V39H48L26 72.09 48 72v18h17V72h5v-6zm-17 0h-9l9-13z"
/>
<path fill="url(#d)" d="M36 80h56a8 8 0 0 1 8 8v28H28V88a8 8 0 0 1 8-8z" />
<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.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="M43.3 116a.23.23 0 0 0 .22-.21c.29-4.09-4.07-5.64-6.28-7.39a5.5 5.5 0 0 1-1.11-1.22.42.42 0 0 0-.69 0 5.5 5.5 0 0 1-1.11 1.22c-2.22 1.75-6.79 3.31-6.29 7.41a.22.22 0 0 0 .22.19z"
/>
<path
fill="url(#g)"
d="M57.41 116a.23.23 0 0 0 .23-.21c.28-4.09-4.07-5.64-6.28-7.39a5.57 5.57 0 0 1-1.12-1.22.41.41 0 0 0-.68 0 5.75 5.75 0 0 1-1.11 1.22c-2.22 1.75-6.8 3.31-6.3 7.41a.24.24 0 0 0 .23.19z"
/>
<path
fill="url(#h)"
d="M71.53 116a.21.21 0 0 0 .22-.21c.29-4.09-4.07-5.64-6.28-7.39a5.75 5.75 0 0 1-1.11-1.22.41.41 0 0 0-.68 0 5.57 5.57 0 0 1-1.12 1.22c-2.21 1.75-6.79 3.31-6.29 7.41a.22.22 0 0 0 .22.19z"
/>
<path
fill="url(#i)"
d="M85.65 116a.23.23 0 0 0 .22-.21c.29-4.09-4.07-5.64-6.28-7.39a5.5 5.5 0 0 1-1.11-1.22.42.42 0 0 0-.69 0 5.5 5.5 0 0 1-1.11 1.22c-2.22 1.75-6.8 3.31-6.29 7.41a.22.22 0 0 0 .22.19z"
/>
<path
fill="url(#j)"
d="M99.76 116a.23.23 0 0 0 .23-.21c.28-4.09-4.07-5.64-6.29-7.39a5.75 5.75 0 0 1-1.11-1.22.41.41 0 0 0-.68 0 5.75 5.75 0 0 1-1.11 1.22c-2.22 1.75-6.8 3.31-6.3 7.41a.23.23 0 0 0 .23.19z"
/>
</svg>
More icons in the same style and category