Add icons to this collection by clicking the heart icon.
Cake icon - also known as cake, dessert, bakery, sweet, 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 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#eaf9fa" />
        <stop offset=".514" stop-color="#bad6e5" />
        <stop offset=".606" stop-color="#b0d0e2" />
        <stop offset=".976" stop-color="#8abbd5" />
    </linearGradient>
    <radialGradient
        id="d"
        cx="388.388"
        cy="100.578"
        r="64.649"
        gradientTransform="matrix(1 0 0 .529 0 47.426)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="e"
        cx="324.388"
        cy="100.578"
        r="64.649"
        gradientTransform="matrix(1 0 0 .529 0 47.426)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="f"
        cx="260.388"
        cy="100.578"
        r="64.649"
        gradientTransform="matrix(1 0 0 .529 0 47.426)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="g"
        cx="196.388"
        cy="100.578"
        r="64.649"
        gradientTransform="matrix(1 0 0 .529 0 47.426)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="h"
        cx="132.388"
        cy="100.578"
        r="64.649"
        gradientTransform="matrix(1 0 0 .529 0 47.426)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="i"
        cx="68.388"
        cy="100.578"
        r="127.184"
        gradientTransform="matrix(1 0 0 .529 0 47.426)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="j"
        cx="56.718"
        cy="121.002"
        r="220.954"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#edd9d3" />
        <stop offset=".075" stop-color="#e9d2cd" />
        <stop offset=".358" stop-color="#dcbbb9" />
        <stop offset=".535" stop-color="#d7b2b2" />
        <stop offset=".973" stop-color="#c59191" />
    </radialGradient>
    <radialGradient
        id="k"
        cx="461.767"
        cy="269.403"
        r="373.688"
        gradientTransform="matrix(-1 0 0 -.492 923.534 401.811)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#dd7f66" />
        <stop offset=".512" stop-color="#d6694b" />
        <stop offset=".669" stop-color="#c16552" />
        <stop offset=".976" stop-color="#9b5e5e" />
    </radialGradient>
    <radialGradient
        id="l"
        cx="497.682"
        cy="204.013"
        r="396.881"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffd15b" />
        <stop offset=".512" stop-color="#ffc344" />
        <stop offset=".707" stop-color="#ffb126" />
        <stop offset=".976" stop-color="#ff9a00" />
    </radialGradient>
    <radialGradient
        id="m"
        cx="497.682"
        cy="204.013"
        r="396.542"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ae6c6c" />
        <stop offset=".512" stop-color="#9b5e5e" />
        <stop offset=".564" stop-color="#965b5b" />
        <stop offset=".976" stop-color="#704444" />
    </radialGradient>
    <linearGradient id="b">
        <stop offset="0" stop-color="#c6f2e7" />
        <stop offset=".546" stop-color="#afe2e6" />
        <stop offset="1" stop-color="#75cdd5" />
    </linearGradient>
    <radialGradient
        id="n"
        cx="100.153"
        cy="439.257"
        r="38.544"
        gradientTransform="matrix(1 0 0 -1 0 832)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <radialGradient
        id="o"
        cx="8.247"
        cy="335.166"
        r="53.338"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#0cacba" />
        <stop offset=".504" stop-color="#0996a4" />
        <stop offset=".976" stop-color="#017297" />
    </linearGradient>
    <radialGradient
        id="p"
        cx="316.059"
        cy="440.557"
        r="225.164"
        gradientTransform="matrix(1 0 0 -.246 0 499.968)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="q"
        cx="391.17"
        cy="479.587"
        r="390.072"
        gradientTransform="matrix(-1 0 0 .212 782.339 250.728)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="r"
        cx="473.706"
        cy="124.861"
        r="446.622"
        gradientTransform="matrix(-1 0 0 -.146 947.412 143.109)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8abbd5" />
        <stop offset=".518" stop-color="#6cabca" />
        <stop offset=".793" stop-color="#2c91b9" />
        <stop offset=".976" stop-color="#0681af" />
    </radialGradient>
    <radialGradient
        id="s"
        cx="391.513"
        cy="1324.557"
        r="211.111"
        gradientTransform="matrix(.931 0 0 .113 -111.186 235.859)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#93d8de" />
        <stop offset=".315" stop-color="#c2e8ed" />
        <stop offset=".496" stop-color="#d9f0f4" />
        <stop offset=".888" stop-color="#fff" />
    </radialGradient>
    <path
        fill="url(#d)"
        d="m345.6 116.096 16-10.001a30.149 30.149 0 0 1 16.268-4.587h76.8c-5.642-.05-32.268 27.388-32.268 27.388z"
    />
    <path
        fill="url(#e)"
        d="m281.6 116.096 16-10.001a30.149 30.149 0 0 1 16.268-4.587h76.8c-5.642-.05-32.268 27.388-32.268 27.388z"
    />
    <path
        fill="url(#f)"
        d="m217.6 116.096 16-10.001a30.149 30.149 0 0 1 16.268-4.587h76.8c-5.642-.05-32.268 27.388-32.268 27.388z"
    />
    <path
        fill="url(#g)"
        d="m153.6 116.096 16-10.001a30.149 30.149 0 0 1 16.268-4.587h76.8c-5.642-.05-32.268 27.388-32.268 27.388z"
    />
    <path
        fill="url(#h)"
        d="m89.6 116.096 16-10.001a30.149 30.149 0 0 1 16.268-4.587h76.8c-5.642-.05-32.268 27.388-32.268 27.388z"
    />
    <path
        fill="url(#i)"
        d="m25.6 116.096 16-10.001a30.149 30.149 0 0 1 16.268-4.587h76.8c-5.642-.05-32.268 27.388-32.268 27.388z"
    />
    <path fill="url(#j)" d="M25.6 116.096v230.4h76.8l25.6-115.2-25.6-115.2z" />
    <path fill="url(#k)" d="m460.8 359.296-358.4-12.8v-230.4h384v38.4z" />
    <path
        fill="url(#l)"
        d="M486.4 346.496H140.8v-192h345.6v38.4l-38.4 25.6 38.4 12.8v38.4l-38.4 25.6 38.4 12.8z"
    />
    <path
        fill="url(#m)"
        d="M486.4 231.296H140.8v-38.4h345.6zm0 38.4H140.8v38.4h345.6z"
    />
    <path fill="url(#n)" d="M128 346.496v38.4H76.8l-12.8-25.6z" />
    <path fill="url(#o)" d="M0 346.496h51.2v12.8H0z" />
    <path fill="url(#p)" d="M448 384.896H128l-12.8-25.6 128-12.8 217.6 12.8z" />
    <path fill="url(#q)" d="M51.2 346.496H512v12.8H51.2z" />
    <path
        fill="url(#r)"
        d="m102.4 116.096 16-10.001a30.181 30.181 0 0 1 31.995 0l.003.002a30.18 30.18 0 0 0 31.994 0l.006-.004a30.182 30.182 0 0 1 31.993 0l.006.003a30.183 30.183 0 0 0 31.995-.001 30.183 30.183 0 0 1 31.996 0l.001.001a30.183 30.183 0 0 0 31.995.001l.006-.004a30.182 30.182 0 0 1 31.993 0l.008.005a30.18 30.18 0 0 0 31.992 0l.009-.006a30.182 30.182 0 0 1 31.992 0l.01.006a30.183 30.183 0 0 0 31.991.001l.015-.009a30.183 30.183 0 0 1 31.989 0l16.011 10.005h-384z"
    />
    <path
        fill="url(#s)"
        d="M256 410.496c113.107 0 204.798-11.351 204.798-25.353H51.202c0 14.002 91.691 25.353 204.798 25.353z"
    />
</svg>
More icons in the same style and category