Add icons to this collection by clicking the heart icon.
Cookies icon - also known as food, dessert, bakery, sweet, cookies, and food and restaurant. Created in a clean lineal color style with a white, gray, black, orange, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-96.649 78.35-175 175-175 96.649 0 175 78.351 175 175s-78.351 175-175 175C78.35 175 0 96.649 0 0"
transform="translate(8 183)"
fill="#ecce93"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.169 17.889 9.538 37.082 9.538 57.066 0 96.651-78.351 175-175 175-20.369 0-39.92-3.492-58.101-9.89a206.38 206.38 0 0 1-.899-19.11c0-113.037 91.962-205 205-205 1.574 0 3.144.02 4.709.057-30.457-51.504-86.538-86.057-150.709-86.057-91.596 0-166.743 70.373-174.353 160-.42-4.945-.647-9.945-.647-15 0-96.65 78.35-175 175-175 76.28 0 141.146 48.812 165.106 116.899h.003c.029.08.055.16.082.24.094.266.192.529.284.796L0 0"
transform="translate(348.462 125.934)"
fill="#eab962"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.025 0-33.819 9.542-42.617 23.848A65.102 65.102 0 0 0-58 22c-35.898 0-65 29.102-65 65 0 3.8.345 7.518.971 11.139-13.176 5.348-22.471 18.265-22.471 33.361a35.816 35.816 0 0 0 6.375 20.446A176.263 176.263 0 0 1-165 154c-96.65 0-175-78.35-175-175s78.35-175 175-175S10-117.65 10-21C10-13.63 9.539-6.369 8.654.762A50.257 50.257 0 0 0 0 0"
transform="translate(494 350)"
fill="#ecce93"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.746.27-3.502.505-5.265.723a35.662 35.662 0 0 1 2.183-6.175A35.967 35.967 0 0 0 0 0"
transform="translate(355.875 501.946)"
fill="#eab962"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-91.596 0-166.743 70.373-174.354 160a177.583 177.583 0 0 1-.646-15C-175 48.35-96.65-30 0-30s175 78.35 175 175c0 5.039-.231 10.023-.65 14.954C166.717 70.35 91.58 0 0 0"
transform="translate(329 184)"
fill="#eab962"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11 29 24 13 31-11-9-35Z"
transform="translate(230 373)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21-19 8-26 33-1 12 24z"
transform="translate(394 281)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10-29 24-22 31 22L28-4Z"
transform="translate(86 257)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-22-28 19-25 34 10-5 36z"
transform="translate(214 126)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-22-27L2-50l35 14L23-7Z"
transform="translate(333 366)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24 22 23 29 28-19-2-25Z"
transform="translate(267 235)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33-17 16-39 42 5 9 31z"
transform="translate(116 152)"
fill="#c19371"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-70.241-22.748-121.039-88.69-121.039-166.509 0-96.65 78.351-175 175-175 77.819 0 143.761 50.798 166.509 121.039"
transform="translate(129.039 349.509)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="250,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-18.025 0-33.819 9.542-42.617 23.848A65.102 65.102 0 0 0-58 22c-35.898 0-65 29.102-65 65 0 3.8.345 7.518.971 11.139-13.176 5.348-22.471 18.265-22.471 33.361a35.816 35.816 0 0 0 6.375 20.446A176.263 176.263 0 0 1-165 154c-96.65 0-175-78.35-175-175s78.35-175 175-175S10-117.65 10-21C10-13.63 9.539-6.369 8.654.762A50.257 50.257 0 0 0 0 0Z"
transform="translate(494 350)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="430,15,510,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(415 432)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(455 442)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(455 482)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11 29 24 13 31-11-9-35Z"
transform="translate(230 373)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21-19 8-26 33-1 12 24z"
transform="translate(394 281)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-29 24-22 31 22L28-4Z"
transform="translate(86 257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-22-28 19-25 34 10-5 36z"
transform="translate(214 126)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-22-27L2-50l35 14L23-7Z"
transform="translate(333 366)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-24 22 23 29 28-19-2-25Z"
transform="translate(267 235)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33-17 16-39 42 5 9 31z"
transform="translate(116 152)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-19.61 0-38.324 3.913-55.401 11"
transform="translate(183 38)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,600,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-3.903 13.104-6 26.978-6 41.332 0 6.767.463 13.444 1.365 20"
transform="translate(44 141.668)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,600,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-6.225 16.148-9.639 33.684-9.639 52 0 13.074 1.74 25.75 5 37.809"
transform="translate(193.639 277)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,600,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0a145.301 145.301 0 0 0-24-1.986 145.057 145.057 0 0 0-29.422 3"
transform="translate(353 185.986)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,600,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category