Add icons to this collection by clicking the heart icon.
Cake icon - also known as food, slice, cake, dessert, bakery, sweet, restaurant, strawberry, and food and restaurant. Created in a clean color style with a gray finish, 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 510 510"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#9b62cd" />
        <stop offset=".3" stop-color="#985dcb" />
        <stop offset=".672" stop-color="#8f4ec7" />
        <stop offset="1" stop-color="#833ac1" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="241.491"
        x2="311.721"
        y1="360.486"
        y2="540.145"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="322.251"
        x2="175.73"
        y1="461.93"
        y2="293.587"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="301.531"
        x2="293.17"
        y1="475.788"
        y2="372.474"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#833ac1" stop-opacity="0" />
        <stop offset="1" stop-color="#6e566e" />
    </linearGradient>
    <linearGradient id="b">
        <stop offset="0" stop-color="#ffdecf" />
        <stop offset="1" stop-color="#faa68e" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="235.008"
        x2="310.008"
        y1="281.019"
        y2="463.019"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="238.887"
        x2="272.887"
        y1="206.863"
        y2="324.863"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="395.71"
        x2="374.235"
        y1="189.177"
        y2="208.811"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="k"
        x1="366.341"
        x2="273.897"
        y1="236.275"
        y2="185.554"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#faa68e" stop-opacity="0" />
        <stop offset="1" stop-color="#faa68e" />
    </linearGradient>
    <radialGradient
        id="l"
        cx="261.277"
        cy="151.633"
        r="77.739"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff7044" />
        <stop offset=".289" stop-color="#ff6d42" />
        <stop offset=".505" stop-color="#fe633c" />
        <stop offset=".698" stop-color="#fc5331" />
        <stop offset=".876" stop-color="#fa3d22" />
        <stop offset="1" stop-color="#f82814" />
    </radialGradient>
    <linearGradient
        id="m"
        x1="276.459"
        x2="257.753"
        y1="189.327"
        y2="128.073"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff7044" stop-opacity="0" />
        <stop offset="1" stop-color="#ffa325" />
    </linearGradient>
    <linearGradient id="c">
        <stop offset="0" stop-color="#f82814" stop-opacity="0" />
        <stop offset="1" stop-color="#c0272d" />
    </linearGradient>
    <linearGradient
        id="n"
        x1="-1581.333"
        x2="-1508.878"
        y1="483.592"
        y2="410.191"
        gradientTransform="rotate(58.61 -393.245 1989.534)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="o"
        x1="323.91"
        x2="287.85"
        y1="177.917"
        y2="139.227"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="p"
        x1="299.365"
        x2="328.046"
        y1="89.351"
        y2="109.959"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8a7889" />
        <stop offset="1" stop-color="#6e566e" />
    </linearGradient>
    <linearGradient id="d">
        <stop offset="0" stop-color="#fcb37e" />
        <stop offset="1" stop-color="#8c6239" />
    </linearGradient>
    <linearGradient
        id="q"
        x1="219.254"
        x2="267.752"
        y1="278.96"
        y2="396.647"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <linearGradient
        id="r"
        x1="220.785"
        x2="263.651"
        y1="341.506"
        y2="445.526"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <ellipse cx="255" cy="395.044" fill="url(#e)" rx="255" ry="75.965" />
    <ellipse cx="255" cy="384.663" fill="url(#f)" rx="209" ry="51.881" />
    <path
        fill="url(#g)"
        d="M510 395.044c0-23.7-36.438-44.863-93.529-58.794-1.8 32.772-28.939 58.794-62.161 58.794H80.487v7.028l61.009 61.009c34.185 5.071 72.722 7.928 113.504 7.928 140.833 0 255-34.011 255-75.965z"
    />
    <path
        fill="url(#h)"
        d="M428.122 265.017s.286-81.504-99.638-101.625a25.271 25.271 0 0 0-14.814 1.486l-227.589 96.12a15.574 15.574 0 0 0-9.515 14.347v118.599c0 5.744 4.657 10.401 10.401 10.401H417.72c5.745 0 10.401-4.657 10.401-10.401z"
    />
    <path
        fill="url(#i)"
        d="M428.122 265.017s.286-81.504-99.638-101.625a25.271 25.271 0 0 0-14.814 1.486l-227.589 96.12a15.55 15.55 0 0 0-5.594 4.019z"
    />
    <path
        fill="url(#j)"
        d="M307.605 153.408c-4.553 2.017-4.11 8.575.654 10.023 70.656 21.473 96.774 69.98 106.184 98.086 1.93 5.764 7.282 9.684 13.36 9.684h.39c8.869 0 15.529-8.104 13.791-16.801-5.485-27.444-25.871-81.054-101.64-103.269-10.819-3.173-22.429-2.29-32.739 2.277z"
    />
    <path
        fill="url(#k)"
        d="M432.689 270.46a13.83 13.83 0 0 1-4.491.736h-.393c-4.749 0-9.044-2.393-11.621-6.185h-135.61l-42.716-42.716a55.71 55.71 0 0 1-13.658-19.622l89.078-37.624c-1.657-.552-3.313-1.104-5.019-1.62-4.761-1.448-5.203-8.001-.65-10.026a48.102 48.102 0 0 1 5.829-2.147c8.737-2.602 18.088-2.712 26.911-.123 75.763 22.211 96.158 75.824 101.643 103.263 1.423 7.155-2.823 13.892-9.303 16.064z"
    />
    <path
        fill="url(#l)"
        d="M324.251 209.29c-15.471 26.73-49.681 35.857-76.41 20.386s-35.857-49.681-20.386-76.41c15.471-26.73 45.048-27.852 71.777-12.382 26.73 15.471 40.489 41.677 25.019 68.406z"
    />
    <path
        fill="url(#m)"
        d="M320.094 210.173c-13.883 23.986-44.581 32.176-68.566 18.293s-32.176-44.581-18.293-68.566c13.882-23.985 40.423-24.993 64.409-11.111 23.985 13.883 36.332 37.398 22.45 61.384z"
    />
    <path
        fill="url(#n)"
        d="M324.251 209.29c11.903-20.566 6.5-40.821-8.799-56.116 2.895 10.512 1.662 21.939-5.008 33.464-15.471 26.73-49.681 35.857-76.41 20.386a56.01 56.01 0 0 1-11.466-8.785c4.07 12.798 12.734 24.18 25.273 31.437 26.729 15.471 60.939 6.344 76.41-20.386z"
    />
    <path
        fill="url(#o)"
        d="m303.287 143.382-14.188 12.913 40.367 40.368c5.222-20.773-6.172-40.208-26.179-53.281z"
    />
    <path
        fill="url(#p)"
        d="m285.871 151.43-.024-.248c-.262-2.659 1.212-5.162 3.634-6.29 3.535-1.646 8.889-5.116 14.221-12.271 8.979-12.051 19.843-36.976 20.605-87.293a6.424 6.424 0 0 1 12.848-.041c.014.681 6.696 52.74-24.31 96.526-5.899 8.331-13.089 12.351-18.161 14.676-3.898 1.786-8.393-.792-8.813-5.059z"
    />
    <path
        fill="url(#q)"
        d="M377.358 341.302H76.566V283.62h300.792c10.056 0 18.208 8.152 18.208 18.208v21.267c0 10.055-8.152 18.207-18.208 18.207z"
    />
    <path
        fill="url(#r)"
        d="M377.358 389.5H76.566v-36.416h300.792c10.056 0 18.208 8.152 18.208 18.208s-8.152 18.208-18.208 18.208z"
    />
    <g fill="#a57c52">
        <g opacity=".55">
            <path
                d="M178.577 307.862a5.107 5.107 0 1 1 10.192-.674 5.107 5.107 0 0 1-10.192.674z"
            />
            <circle
                cx="131.949"
                cy="302.37"
                r="8.088"
                transform="rotate(-64.1 131.884 302.223)"
            />
            <path
                d="M141.695 324.353c-.453-6.857 4.739-12.783 11.596-13.236s12.783 4.739 13.236 11.596-4.739 12.783-11.596 13.236-12.783-4.739-13.236-11.596z"
            />
        </g>
        <g opacity=".55">
            <circle
                cx="250.333"
                cy="368.724"
                r="8.088"
                transform="rotate(-64.1 250.209 368.544)"
            />
            <path
                d="M270.178 372.355c-.453-6.857 4.739-12.783 11.596-13.236s12.783 4.739 13.236 11.596-4.739 12.783-11.596 13.236-12.783-4.739-13.236-11.596z"
            />
        </g>
        <g opacity=".55">
            <circle
                cx="325.145"
                cy="325.667"
                r="8.088"
                transform="rotate(-19.1 325.387 325.879)"
            />
            <path
                d="M313.68 309.067c-4.529 5.169-12.39 5.688-17.559 1.159s-5.688-12.39-1.159-17.559 12.39-5.688 17.559-1.159c5.168 4.529 5.687 12.39 1.159 17.559z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category