Add icons to this collection by clicking the heart icon.
Cookie icon - also known as cookie, dessert, sweet, chocolate, and food and restaurant. Created in a clean circular style with a black and 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 512 512"
>
    <pattern
        id="a"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1687.036"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#fed480" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="b"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1687.036"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#f59977" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="c"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1687.036"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#021938" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <linearGradient
        id="d"
        x1="256"
        x2="256"
        y1="511"
        y2="1"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cadfef" />
        <stop offset="1" stop-color="#eff4f9" />
    </linearGradient>
    <pattern
        id="e"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#a"
    />
    <pattern
        id="f"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="g"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="h"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="i"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="j"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="k"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="l"
        patternTransform="matrix(.956 0 0 .997 -446.778 8.266)"
        href="#b"
    />
    <pattern
        id="m"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="n"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="o"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="p"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="q"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="r"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="s"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <pattern
        id="t"
        patternTransform="matrix(1.252 -2.684 -1.803 -.672 -16796.33 -45910.875)"
        href="#c"
    />
    <circle cx="256" cy="256" r="255" fill="url(#d)" />
    <path
        fill="url(#e)"
        d="M409.862 271.876c6.781-.336 12.222 5.981 11.099 12.96-13.183 81.918-81.514 144.368-163.892 144.368-91.743 0-166.178-77.526-166.178-173.204S165.325 82.796 257.068 82.796c7.217 0 14.317.467 21.283 1.401 5.558.746 9.585 5.747 9.486 11.587a65.47 65.47 0 0 0-.009 1.087c0 24.614 14.667 45.614 35.407 54.044 5.186 2.108 8.113 7.978 6.472 13.521-3.825 12.917-4.667 27.198-1.816 42.018 7.48 38.87 40.029 65.553 78.064 65.52a80.246 80.246 0 0 0 3.907-.098z"
    />
    <path
        fill="url(#f)"
        d="M173.901 271.584c-1.251 10.082-10.134 17.219-19.753 15.922-9.672-1.304-16.521-10.563-15.27-20.644 1.244-10.026 10.128-17.164 19.8-15.86 9.619 1.297 16.467 10.556 15.223 20.582z"
    />
    <path
        fill="url(#g)"
        d="M191.744 191.82c-.77 6.204-6.232 10.592-12.237 9.782-5.952-.803-10.163-6.495-9.393-12.699s6.238-10.648 12.191-9.846c6.005.811 10.209 6.559 9.439 12.763z"
    />
    <path
        fill="url(#h)"
        d="M233.571 371.6c-1.76 14.18-14.238 24.156-27.843 22.321-13.605-1.834-23.183-14.784-21.424-28.964 1.76-14.181 14.185-24.164 27.79-22.33 13.606 1.835 23.237 14.792 21.477 28.973z"
    />
    <path
        fill="url(#i)"
        d="M218.942 294.938c.856-6.899 6.925-11.841 13.614-10.939 6.62.893 11.352 7.291 10.496 14.19-.865 6.972-7.004 11.904-13.624 11.012-6.688-.903-11.351-7.292-10.486-14.263z"
    />
    <path
        fill="url(#j)"
        d="M227.815 138.899c1.217-9.805 9.807-16.757 19.214-15.489s16.07 10.277 14.853 20.082c-1.217 9.804-9.853 16.694-19.26 15.426s-16.024-10.215-14.807-20.019z"
    />
    <path
        fill="url(#k)"
        d="M317.343 333.912c-1.281 10.322-10.36 17.617-20.346 16.271-9.902-1.335-16.902-10.798-15.621-21.12 1.292-10.408 10.372-17.703 20.274-16.368 9.986 1.346 16.985 10.809 15.693 21.217z"
    />
    <path
        fill="url(#l)"
        d="M256.549 253.948c-13.181-1.777-22.534-14.358-20.822-28.151s13.829-23.479 27.009-21.702c13.233 1.784 22.587 14.366 20.875 28.158-1.712 13.793-13.829 23.479-27.062 21.695z"
    />
    <path
        fill="url(#m)"
        d="M159.238 246.837c-11.908-1.611-22.985 7.061-24.53 19.509-1.532 12.353 6.934 23.715 18.879 25.327 11.74 1.595 22.922-6.96 24.484-19.572 1.533-12.323-6.918-23.658-18.833-25.264zm10.492 24.229c-.996 8.011-7.966 13.233-15.021 12.276-7.397-.999-12.626-8.16-11.66-15.962.983-7.926 7.919-13.171 15.067-12.213 7.37.993 12.58 8.124 11.614 15.899z"
    />
    <path
        fill="url(#n)"
        d="M195.916 192.339v-.003c1.056-8.505-4.8-16.332-13.048-17.443-8.42-1.14-15.888 5.131-16.925 13.494-1.051 8.475 4.783 16.274 13.004 17.38 8.169 1.105 15.89-4.748 16.969-13.428zm-21.632-2.914c.491-3.958 3.873-6.663 7.46-6.201 3.705.501 6.321 4.124 5.832 8.078-.489 3.888-3.816 6.626-7.506 6.135-3.676-.495-6.271-4.091-5.786-8.012z"
    />
    <path
        fill="url(#o)"
        d="M212.655 338.464c-15.827-2.124-30.461 9.342-32.521 25.978-2.039 16.414 9.192 31.508 25.034 33.646 15.548 2.111 30.478-9.094 32.573-25.97 2.039-16.42-9.217-31.517-25.086-33.654zm16.745 32.619c-1.496 12.055-12.02 20.184-23.11 18.674-11.294-1.524-19.287-12.418-17.815-24.281 1.492-12.016 11.914-20.191 23.058-18.682 11.324 1.527 19.339 12.421 17.867 24.289z"
    />
    <path
        fill="url(#p)"
        d="M233.119 279.834c-8.912-1.213-17.196 5.263-18.346 14.586-1.149 9.247 5.172 17.744 14.093 18.945 8.74 1.181 17.18-5.159 18.357-14.66 1.144-9.203-5.186-17.67-14.104-18.871zm5.763 17.836c-.603 4.843-4.78 7.922-8.894 7.364-4.373-.588-7.457-4.887-6.874-9.578v-.003c.589-4.724 4.627-7.843 8.88-7.29 4.302.581 7.454 4.935 6.888 9.507z"
    />
    <path
        fill="url(#q)"
        d="M242.062 163.083c11.454 1.57 22.457-6.695 23.991-19.074 1.497-12.082-6.784-23.192-18.463-24.763-11.767-1.577-22.447 7.033-23.945 19.136-1.497 12.053 6.765 23.133 18.417 24.701zm-10.076-23.666c.944-7.616 7.506-12.778 14.482-11.841 7.134.961 12.178 7.868 11.244 15.398-.928 7.455-7.37 12.719-14.528 11.778-7.107-.957-12.128-7.837-11.198-15.335z"
    />
    <path
        fill="url(#r)"
        d="M302.211 308.529c-12.118-1.641-23.413 7.173-25.006 20.018-1.563 12.588 7.066 24.163 19.232 25.8 12.123 1.65 23.488-7.097 25.077-19.916 1.568-12.635-7.09-24.257-19.303-25.902zm10.962 24.867c-.977 7.857-7.805 13.66-15.615 12.621-7.621-1.026-13.009-8.398-12.013-16.433 1.036-8.313 8.165-13.715 15.543-12.725 7.666 1.034 13.087 8.453 12.085 16.537z"
    />
    <path
        fill="url(#s)"
        d="M287.781 232.771c1.989-16.02-8.992-30.753-24.484-32.841-15.225-2.077-29.71 8.961-31.741 25.351-1.989 16.017 8.97 30.748 24.432 32.833 15.474 2.079 29.779-9.109 31.793-25.343zm-8.341-1.034c-1.454 11.732-11.645 19.469-22.33 18.047-10.913-1.472-18.636-12-17.213-23.468 1.441-11.595 11.519-19.504 22.278-18.056 10.944 1.475 18.688 12.008 17.265 23.477z"
    />
    <path
        fill="url(#t)"
        d="M409.657 267.678c-55.02 2.643-91.032-50.978-75.919-102.048 2.219-7.501-1.697-15.675-8.921-18.608-19.916-8.097-32.786-27.781-32.786-50.149-.195-.56.608-14.997-13.122-16.841a164.951 164.951 0 0 0-21.84-1.439c-93.948 0-170.381 79.584-170.381 177.406s76.434 177.409 170.381 177.409c83.579 0 154.25-62.201 168.039-147.904 1.588-9.821-6.305-18.407-15.451-17.826zm7.154 16.49C403.678 365.771 336.497 425 257.069 425c-89.312 0-161.975-75.815-161.975-169.002S167.757 86.999 257.069 86.999c6.997 0 13.97.46 20.721 1.363 6.013.809 5.656 7.922 5.834 8.511 0 25.805 14.928 48.546 38.029 57.938 3.265 1.327 5.03 5.03 4.023 8.434-15.845 53.541 18.937 114.123 84.394 112.83 4.066-.182 7.449 3.695 6.741 8.093z"
    />
</svg>
More icons in the same style and category