Add icons to this collection by clicking the heart icon.
Birthday Cake icon - also known as food, cake, bakery, birthday, candles, birthday cake, cakes, 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 512 512"
>
<linearGradient
id="a"
x1="-43.662"
x2="17.878"
y1="605.939"
y2="605.939"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M432.262 218.229c0-13.908-11.272-25.18-25.18-25.18H289.574V92.328h-14.772a59.76 59.76 0 0 0 14.772-41.967C289.574 22.159 274.801 0 256 0s-33.574 22.159-33.574 50.361a59.765 59.765 0 0 0 14.772 41.967h-14.772v100.721H104.918c-13.908 0-25.18 11.272-25.18 25.18v226.623H4.197V512h503.607v-67.148h-75.541V218.229zM256 16.787c7.89 0 16.787 14.353 16.787 33.574S263.89 83.934 256 83.934c-7.89 0-16.787-14.353-16.787-33.574S248.11 16.787 256 16.787zm159.475 377.705H96.525v-50.361h318.951v50.361zm-8.393-184.656a8.396 8.396 0 0 1 8.393 8.393v17.626c0 13.446-10.895 24.341-24.341 24.341h-1.679c-13.446 0-24.341-10.895-24.341-24.341v-26.02h41.968zm-58.754 0v26.02c0 13.446-10.895 24.341-24.341 24.341h-1.679c-13.446 0-24.341-10.895-24.341-24.341v-26.02h50.361zm-67.148 26.02c0 13.446-10.895 24.341-24.341 24.341h-1.679c-13.446 0-24.341-10.895-24.341-24.341v-26.02h50.361v26.02zm-8.393-42.807h-33.574v-83.934h33.574v83.934zm-58.754 16.787v26.02c0 13.446-10.895 24.341-24.341 24.341h-1.679c-13.446 0-24.341-10.895-24.341-24.341v-26.02h50.361zm-117.508 8.393a8.396 8.396 0 0 1 8.393-8.393h41.967v26.02c0 13.446-10.895 24.341-24.341 24.341h-1.679c-13.446 0-24.341-10.895-24.341-24.341v-17.627zm0 50.361a40.794 40.794 0 0 0 24.341 8.393h1.679a40.97 40.97 0 0 0 32.734-16.787 40.97 40.97 0 0 0 32.734 16.787h1.679a40.97 40.97 0 0 0 32.734-16.787 40.97 40.97 0 0 0 32.734 16.787h1.679a40.97 40.97 0 0 0 32.734-16.787 40.97 40.97 0 0 0 32.734 16.787h1.679a40.97 40.97 0 0 0 32.734-16.787 40.97 40.97 0 0 0 32.734 16.787h1.679a40.8 40.8 0 0 0 24.341-8.393v58.754H96.525V268.59zm0 142.689h318.951v33.574H96.525v-33.574zm394.491 50.36v33.574H20.984v-33.574h470.032z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M247.607 360.918h16.787v16.787h-16.787z" fill="url(#b)" />
<linearGradient
id="c"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M281.18 360.918h16.787v16.787H281.18z" fill="url(#c)" />
<linearGradient
id="d"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M314.754 360.918h16.787v16.787h-16.787z" fill="url(#d)" />
<linearGradient
id="e"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M348.328 360.918h16.787v16.787h-16.787z" fill="url(#e)" />
<linearGradient
id="f"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M381.902 360.918h16.787v16.787h-16.787z" fill="url(#f)" />
<linearGradient
id="g"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M214.033 360.918h16.787v16.787h-16.787z" fill="url(#g)" />
<linearGradient
id="h"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M180.459 360.918h16.787v16.787h-16.787z" fill="url(#h)" />
<linearGradient
id="i"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M146.885 360.918h16.787v16.787h-16.787z" fill="url(#i)" />
<linearGradient
id="j"
x1="-43.662"
x2="17.878"
y1="592.439"
y2="592.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M113.311 360.918h16.787v16.787h-16.787z" fill="url(#j)" />
<linearGradient
id="k"
x1="-43.662"
x2="17.878"
y1="631.439"
y2="631.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M155.279 75.541c0 4.633 3.76 8.393 8.393 8.393s8.393-3.76 8.393-8.393c0-13.908 11.272-25.18 25.18-25.18 4.633 0 8.393-3.76 8.393-8.393s-3.76-8.393-8.393-8.393c-13.908 0-25.18-11.272-25.18-25.18 0-4.633-3.76-8.393-8.393-8.393s-8.393 3.76-8.393 8.393c0 13.908-11.272 25.18-25.18 25.18-4.633 0-8.393 3.76-8.393 8.393s3.76 8.393 8.393 8.393c13.907 0 25.18 11.272 25.18 25.18zm8.393-41.967a41.85 41.85 0 0 0 8.393 8.393 41.85 41.85 0 0 0-8.393 8.393 41.85 41.85 0 0 0-8.393-8.393 41.876 41.876 0 0 0 8.393-8.393z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-43.662"
x2="17.878"
y1="623.439"
y2="623.439"
gradientTransform="matrix(8.3934 0 0 -8.3934 362.279 5341.917)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M339.934 142.689c0 4.633 3.76 8.393 8.393 8.393s8.393-3.76 8.393-8.393c0-13.908 11.272-25.18 25.18-25.18 4.633 0 8.393-3.76 8.393-8.393s-3.76-8.393-8.393-8.393c-13.908 0-25.18-11.272-25.18-25.18 0-4.633-3.76-8.393-8.393-8.393s-8.393 3.76-8.393 8.393c0 13.908-11.272 25.18-25.18 25.18-4.633 0-8.393 3.76-8.393 8.393s3.76 8.393 8.393 8.393c13.908-.001 25.18 11.272 25.18 25.18zm8.394-41.968a41.85 41.85 0 0 0 8.393 8.393 41.85 41.85 0 0 0-8.393 8.393 41.85 41.85 0 0 0-8.393-8.393 41.85 41.85 0 0 0 8.393-8.393z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category