Add icons to this collection by clicking the heart icon.
Cake icon - also known as cake, dessert, sweet, birthday, party, celebration, and food and restaurant. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="57.898"
x2="57.898"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#a)"
d="M57.898 9.022a4.014 4.014 0 0 0 4.007-4.011C61.905 2.799 60.107 1 57.898 1s-4.007 1.799-4.007 4.011a4.014 4.014 0 0 0 4.007 4.011zm0-6.022a2.012 2.012 0 0 1 0 4.022 2.011 2.011 0 0 1 0-4.022z"
/>
<linearGradient
id="b"
x1="13.898"
x2="13.898"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#b)"
d="M9.892 16.011c0 2.212 1.798 4.011 4.007 4.011s4.007-1.799 4.007-4.011c0-2.211-1.798-4.011-4.007-4.011s-4.007 1.799-4.007 4.011zM13.898 14a2.012 2.012 0 0 1 0 4.022 2.011 2.011 0 0 1 0-4.022z"
/>
<linearGradient
id="c"
x1="32"
x2="32"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#c)"
d="M61.828 57.439A1.001 1.001 0 0 0 61 57h-4V43c0-2.757-2.243-5-5-5h-2V26c0-2.757-2.243-5-5-5H35v-2.253l2.902 1.244a2.251 2.251 0 0 0 2.437-.417 2.248 2.248 0 0 0 .618-2.393l-1.402-4.207a.275.275 0 0 1 .066-.282l2.791-2.79a2.271 2.271 0 0 0 .557-2.303 2.266 2.266 0 0 0-1.793-1.548l-4.623-.771a.274.274 0 0 1-.19-.13l-2.428-4.047A2.26 2.26 0 0 0 31.983 0c-.806 0-1.535.413-1.95 1.104l-2.428 4.047a.276.276 0 0 1-.189.13l-4.624.771A2.262 2.262 0 0 0 21 7.6a2.263 2.263 0 0 0 .557 2.303l2.79 2.79c.074.074.1.183.067.281l-1.403 4.208a2.248 2.248 0 0 0 .618 2.393 2.252 2.252 0 0 0 2.435.417L29 18.733V21H19c-2.757 0-5 2.243-5 5v12h-2c-2.757 0-5 2.243-5 5v14H3a1.001 1.001 0 0 0-.929 1.371l2 5c.153.38.52.629.929.629h54c.409 0 .776-.249.929-.628l2-5a1.003 1.003 0 0 0-.101-.933zM25.276 18.153a.258.258 0 0 1-.294-.05.26.26 0 0 1-.075-.289l1.404-4.208a2.265 2.265 0 0 0-.551-2.327L22.972 8.49a.259.259 0 0 1-.067-.279.26.26 0 0 1 .216-.187l4.625-.771a2.274 2.274 0 0 0 1.575-1.073l2.428-4.047A.26.26 0 0 1 31.983 2c.071 0 .17.023.236.133l2.428 4.047c.344.572.919.963 1.577 1.073l4.623.771c.137.023.193.114.217.187s.03.18-.067.278l-2.79 2.79a2.263 2.263 0 0 0-.55 2.328l1.403 4.208a.262.262 0 0 1-.075.289.258.258 0 0 1-.295.05l-5.811-2.49h-.001a2.287 2.287 0 0 0-1.791 0l-5.811 2.489zM31 17.876l.874-.375a.289.289 0 0 1 .22 0l.906.389V21h-2v-3.124zM19 23h26c1.654 0 3 1.346 3 3a3.254 3.254 0 0 1-3.25 3.25 3.245 3.245 0 0 1-2.221-.876c-1.113-1.045-2.945-1.044-4.059 0-1.237 1.158-3.32 1.124-4.52-.076-1.037-1.036-2.864-1.037-3.903 0-1.198 1.198-3.282 1.233-4.519.076-1.113-1.045-2.945-1.044-4.059 0a3.241 3.241 0 0 1-2.221.877A3.255 3.255 0 0 1 16 26c0-1.654 1.346-3 3-3zm-3 7.091c.897.714 2.017 1.159 3.25 1.159a5.23 5.23 0 0 0 3.588-1.417.972.972 0 0 1 1.324 0 5.23 5.23 0 0 0 3.588 1.417 5.209 5.209 0 0 0 3.713-1.539c.281-.281.794-.281 1.073 0a5.213 5.213 0 0 0 3.714 1.539 5.23 5.23 0 0 0 3.588-1.417.972.972 0 0 1 1.324 0 5.23 5.23 0 0 0 3.588 1.417c1.233 0 2.353-.445 3.25-1.159V38H16v-7.909zM12 40h40c1.654 0 3 1.346 3 3 0 2.757-2.243 5-5 5a5.173 5.173 0 0 1-4.299-2.335c-.38-.587-1.016-.938-1.701-.938s-1.321.351-1.7.937C41.365 47.105 39.718 48 38 48s-3.365-.896-4.299-2.336c-.381-.587-1.017-.938-1.701-.938s-1.32.351-1.7.937C29.365 47.104 27.718 48 26 48s-3.365-.895-4.299-2.335c-.38-.587-1.016-.938-1.701-.938s-1.321.351-1.7.937A5.175 5.175 0 0 1 14 48c-2.757 0-5-2.243-5-5 0-1.654 1.346-3 3-3zm-3 7.889A6.973 6.973 0 0 0 14 50c2.424 0 4.659-1.214 6.022-3.248A7.1 7.1 0 0 0 26 50c2.425 0 4.659-1.214 6.022-3.249A7.097 7.097 0 0 0 38 50c2.424 0 4.659-1.214 6.022-3.248A7.1 7.1 0 0 0 50 50c1.958 0 3.728-.81 5-2.111V57H9v-9.111zM58.323 62H5.677l-1.2-3h55.047l-1.201 3z"
/>
<linearGradient
id="d"
x1="44.985"
x2="44.985"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#d)" d="M44.985 34.079a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="e"
x1="41"
x2="41"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#e)" d="M41 32a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="f"
x1="34"
x2="34"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#f)" d="M34 34a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="g"
x1="27"
x2="27"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#g)" d="M27 35a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="h"
x1="26"
x2="26"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#h)" d="M26 53a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="i"
x1="32"
x2="32"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#i)" d="M32 50a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="j"
x1="20"
x2="20"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#j)" d="M20 50a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="k"
x1="14"
x2="14"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#k)" d="M14 53a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="l"
x1="51"
x2="51"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#l)" d="M51 53a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="m"
x1="45"
x2="45"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#m)" d="M45 50a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="n"
x1="39"
x2="39"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#n)" d="M39 53a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="o"
x1="19"
x2="19"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#o)" d="M19 33a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="p"
x1="23"
x2="23"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#p)" d="M23 32a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="q"
x1="17.993"
x2="17.993"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#q)"
d="M17.992 6.996c1.654 0 3-1.345 3-2.999s-1.346-3-3-3c-1.653 0-2.999 1.346-2.999 3s1.346 2.999 2.999 2.999zm0-3.999a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
/>
<linearGradient
id="r"
x1="19.993"
x2="19.993"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#r)" d="M18.993 11.995a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" />
<linearGradient
id="s"
x1="12"
x2="12"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#s)" d="M12 3.999a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
<linearGradient
id="t"
x1="7"
x2="7"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#t)" d="M7 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="u"
x1="7.123"
x2="7.123"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#u)"
d="m2.434 9.064 2.314 1.543 1.542 2.314a1 1 0 0 0 1.664 0l1.543-2.314 2.314-1.543a1.001 1.001 0 0 0 .001-1.664L9.497 5.857 7.954 3.543c-.371-.558-1.294-.556-1.664 0L4.748 5.857 2.434 7.4a.997.997 0 0 0 0 1.664zm3.589-1.653a1 1 0 0 0 .277-.277l.821-1.232.822 1.232a1 1 0 0 0 .277.277l1.232.821-1.23.822c-.11.073-.204.167-.278.277l-.822 1.232-.821-1.232a.987.987 0 0 0-.277-.277l-1.233-.822 1.232-.821z"
/>
<linearGradient
id="v"
x1="47.859"
x2="47.859"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#v)"
d="M47.859 12.998c1.653 0 2.999-1.346 2.999-3S49.513 7 47.859 7 44.86 8.345 44.86 9.999s1.346 2.999 2.999 2.999zm0-3.998a1 1 0 1 1-.002 2 1 1 0 0 1 .002-2z"
/>
<linearGradient
id="w"
x1="60.993"
x2="60.993"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#w)" d="M60.993 10.995a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
<linearGradient
id="x"
x1="50"
x2="50"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#x)" d="M50 4.999a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
<linearGradient
id="y"
x1="48"
x2="48"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path fill="url(#y)" d="M47 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" />
<linearGradient
id="z"
x1="56.123"
x2="56.123"
y1=".277"
y2="64.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<path
fill="url(#z)"
d="m51.434 18.064 2.314 1.543 1.542 2.314a1 1 0 0 0 1.664 0l1.543-2.314 2.314-1.543a1.001 1.001 0 0 0 0-1.664l-2.314-1.542-1.543-2.314c-.372-.558-1.294-.556-1.664 0l-1.542 2.314-2.314 1.542a1.001 1.001 0 0 0 0 1.664zm3.589-1.653a1 1 0 0 0 .277-.277l.821-1.232.822 1.232a1 1 0 0 0 .277.277l1.232.821-1.232.822a1 1 0 0 0-.277.277l-.822 1.232-.821-1.232a.987.987 0 0 0-.277-.277l-1.232-.822 1.232-.821z"
/>
</svg>
More icons in the same style and category