Add icons to this collection by clicking the heart icon.
Birthday Cake icon - also known as food, cake, bakery, birthday, candles, birthday cake, cakes, food and restaurant, and birthday and party. Created in a clean 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="100"
height="100"
viewBox="0 0 511.999 511.999"
>
<linearGradient
id="a"
x1="-42.925"
x2="16.742"
y1="606.705"
y2="606.705"
gradientTransform="matrix(8.5325 0 0 -8.5325 369.095 5432.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M503.441 460.804h-8.532V315.752c0-23.558-19.104-42.662-42.662-42.662v-76.792c0-23.558-19.104-42.662-42.662-42.662h-42.662V76.843a8.535 8.535 0 0 0-8.532-8.532h-1.962l17.833-29.778a8.53 8.53 0 0 0-1.28-10.41l-25.6-25.598c-3.319-3.345-8.72-3.37-12.065-.051l-.051.051-25.597 25.597a8.53 8.53 0 0 0-1.28 10.41l17.833 29.778h-1.962c-4.71 0-8.533 3.823-8.533 8.532v76.792h-34.13V76.843a8.535 8.535 0 0 0-8.532-8.532h-1.962l17.833-29.778a8.53 8.53 0 0 0-1.28-10.41L262.058 2.525c-3.319-3.345-8.72-3.37-12.065-.051l-.051.051-25.597 25.597a8.53 8.53 0 0 0-1.28 10.41l17.833 29.778h-1.962a8.535 8.535 0 0 0-8.532 8.532v76.792h-34.13V76.843a8.535 8.535 0 0 0-8.532-8.532h-1.962l17.833-29.778a8.53 8.53 0 0 0-1.28-10.41l-25.6-25.598c-3.319-3.345-8.72-3.37-12.065-.051l-.051.051-25.597 25.597a8.53 8.53 0 0 0-1.28 10.41l17.833 29.778h-1.962a8.535 8.535 0 0 0-8.532 8.532v76.792h-42.662c-23.558 0-42.662 19.104-42.662 42.662v76.792c-23.558 0-42.662 19.104-42.662 42.662v145.052H8.558a8.535 8.535 0 0 0-8.532 8.532c0 23.558 19.104 42.662 42.662 42.662h426.624c23.558 0 42.662-19.104 42.662-42.662 0-4.707-3.823-8.53-8.533-8.53zM341.324 20.613l14.847 14.847-14.847 24.83-14.847-24.83 14.847-14.847zm-85.324 0 14.846 14.847L256 60.29l-14.847-24.83L256 20.613zm-85.325 0 14.847 14.847-14.847 24.83-14.847-24.83 14.847-14.847zM34.155 341.349h443.689v68.26H34.155v-68.26zM332.792 85.375h17.065v68.26h-17.065v-68.26zm-85.325 0h17.065v68.26h-17.065v-68.26zm-85.325 0h17.065v68.26h-17.065v-68.26zM76.817 196.297c0-14.138 11.459-25.597 25.597-25.597h307.169c14.138 0 25.597 11.459 25.597 25.597v76.792H76.817v-76.792zm-17.065 93.858h392.494c14.138 0 25.597 11.459 25.597 25.597v8.532H34.155v-8.532c0-14.138 11.459-25.597 25.597-25.597zM34.155 426.674h443.689v34.13H34.155v-34.13zm435.157 68.26H42.688a25.596 25.596 0 0 1-24.147-17.065h474.918a25.607 25.607 0 0 1-24.147 17.065z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-42.925"
x2="16.742"
y1="610.698"
y2="610.698"
gradientTransform="matrix(8.5325 0 0 -8.5325 369.095 5432.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<circle cx="110.922" cy="221.929" r="17.065" fill="url(#b)" />
<linearGradient
id="c"
x1="-42.925"
x2="16.742"
y1="610.698"
y2="610.698"
gradientTransform="matrix(8.5325 0 0 -8.5325 369.095 5432.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<circle cx="401.026" cy="221.929" r="17.065" fill="url(#c)" />
<linearGradient
id="d"
x1="-42.925"
x2="16.742"
y1="610.698"
y2="610.698"
gradientTransform="matrix(8.5325 0 0 -8.5325 369.095 5432.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<circle cx="332.766" cy="221.929" r="17.065" fill="url(#d)" />
<linearGradient
id="e"
x1="-42.925"
x2="16.742"
y1="610.698"
y2="610.698"
gradientTransform="matrix(8.5325 0 0 -8.5325 369.095 5432.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<circle cx="179.182" cy="221.929" r="17.065" fill="url(#e)" />
<linearGradient
id="f"
x1="-42.925"
x2="16.742"
y1="610.702"
y2="610.702"
gradientTransform="matrix(8.5325 0 0 -8.5325 369.095 5432.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M256 196.297c-14.138 0-25.597 11.459-25.597 25.597 0 14.138 11.459 25.597 25.597 25.597 14.138 0 25.597-11.459 25.597-25.597 0-14.138-11.459-25.597-25.597-25.597zm0 34.13c-4.71 0-8.532-3.823-8.532-8.532s3.823-8.532 8.532-8.532 8.532 3.823 8.532 8.532-3.823 8.532-8.532 8.532z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category