Add icons to this collection by clicking the heart icon.
Cookie icon - also known as biscuit, cookie, dessert, bakery, chocolate, white, bite, food and restaurant, chocolate chip, and cranberry. Created in a clean flat gradient style with a pink 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 128 128"
>
    <linearGradient
        id="c"
        x1="20.95"
        x2="87.12"
        y1="23.96"
        y2="90.13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#efd09e" />
        <stop offset="1" stop-color="#eda253" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="35.59"
        x2="38.41"
        y1="64.59"
        y2="67.41"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cc825e" />
        <stop offset="1" stop-color="#eda253" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="38.59"
        x2="41.41"
        y1="39.59"
        y2="42.41"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="32.59"
        x2="35.41"
        y1="51.59"
        y2="54.41"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="50.59"
        x2="53.41"
        y1="33.59"
        y2="36.41"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="45.59"
        x2="48.41"
        y1="73.59"
        y2="76.41"
        href="#a"
    />
    <linearGradient
        id="b"
        x1="86.3"
        x2="111.89"
        y1="85.11"
        y2="110.7"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f77777" />
        <stop offset=".16" stop-color="#f27175" />
        <stop offset=".38" stop-color="#e36070" />
        <stop offset=".52" stop-color="#d5506b" />
        <stop offset=".71" stop-color="#c0475a" />
        <stop offset="1" stop-color="#983439" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="74.77"
        x2="98.43"
        y1="60.9"
        y2="84.56"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="60.77"
        x2="86.23"
        y1="85.27"
        y2="110.73"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="m30 92.61 4.47-.35 1.93 4a8.72 8.72 0 0 0 12.26 3.76l3.86-2.26L56 100.6a8.72 8.72 0 0 0 12.67-1.92L71.19 95l4.36 1a8.69 8.69 0 0 0 9.78-4.76A45.93 45.93 0 0 1 79.92 87c-18.43-17.06-21.61-47.26-3.5-67.35a1 1 0 0 0 .18-1.06l-1.72-3.91a8.71 8.71 0 0 0-12.26-3.78l-3.86 2.25-3.5-2.8a8.72 8.72 0 0 0-12.67 1.92L40.08 16l-4.36-1a8.72 8.72 0 0 0-10.58 7.24l-.65 4.43-4.36 1a8.71 8.71 0 0 0-6.4 11.11L15.06 43l-3.5 2.78a8.72 8.72 0 0 0-.94 12.79l3.06 3.27-1.95 4a8.72 8.72 0 0 0 4.69 11.96l4.17 1.62v4.49a8.72 8.72 0 0 0 9.41 8.7z"
    />
    <circle cx="37" cy="66" r="2" fill="url(#a)" />
    <circle cx="40" cy="41" r="2" fill="url(#d)" />
    <circle cx="34" cy="53" r="2" fill="url(#e)" />
    <circle cx="52" cy="35" r="2" fill="url(#f)" />
    <circle cx="47" cy="75" r="2" fill="url(#g)" />
    <circle cx="99.09" cy="97.91" r="18.09" fill="url(#b)" />
    <circle cx="86.6" cy="72.73" r="16.73" fill="url(#h)" />
    <circle cx="73.5" cy="98" r="18" fill="url(#i)" />
    <g fill="#f4bdbd">
        <circle cx="66" cy="94" r="2" />
        <circle cx="94" cy="70" r="2" />
    </g>
</svg>
More icons in the same style and category