Add icons to this collection by clicking the heart icon.
Cookie icon - also known as food, cookie, dessert, bakery, sweet, jar, cookies, food and restaurant, and cookies jar. Created in a clean flat style with a silver, gray, maroon, olive, and teal 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#5f3817" />
<path
d="M512 256c0-3.082-.074-6.146-.182-9.202L361.356 96.336l-31.304 30.637L269.7 66.62 137.201 411.642l99.646 99.646c6.324.468 12.71.712 19.153.712 141.385 0 256-114.615 256-256z"
fill="#412108"
/>
<path
d="M351.729 92.182h-81.63c2.975-3.34 4.799-7.728 4.799-12.552 0-10.437-8.461-18.898-18.898-18.898s-18.898 8.461-18.898 18.898c0 4.825 1.823 9.213 4.799 12.552h-81.63c-7.313 0-13.242 5.929-13.242 13.242v20.967h217.943v-20.967c-.001-7.314-5.929-13.242-13.243-13.242z"
fill="#00bed2"
/>
<path
d="M364.971 105.424c0-7.313-5.929-13.242-13.242-13.242h-81.63c2.975-3.34 4.799-7.728 4.799-12.552 0-10.437-8.461-18.897-18.898-18.897l-.048.002v65.656h109.019v-20.967z"
fill="#02a2aa"
/>
<path
d="M355.454 418.268H156.546c-17.446 0-31.588-14.142-31.588-31.588V143.081c0-17.446 14.142-31.588 31.588-31.588h198.907c17.445 0 31.588 14.142 31.588 31.588V386.68c.001 17.446-14.142 31.588-31.587 31.588z"
fill="#7ae5fe"
/>
<path
d="M355.454 111.493h-99.501v306.775h99.501c17.445 0 31.588-14.142 31.588-31.588V143.081c0-17.446-14.143-31.588-31.588-31.588z"
fill="#00bed2"
/>
<ellipse cx="224.75" cy="384.25" rx="77.25" ry="24.25" fill="#aa805b" />
<path
d="M302 384.25c0-9.906-18.931-18.419-46.048-22.184v44.367C283.069 402.669 302 394.156 302 384.25z"
fill="#89664c"
/>
<ellipse
cx="232.249"
cy="315.749"
rx="24.25"
ry="77.251"
transform="rotate(-97.949 232.249 315.746)"
fill="#764c24"
/>
<path
d="M308.752 305.072c-1.438-10.299-23.316-16.196-52.799-15.56v46.525c31.914-7.322 54.34-19.927 52.799-30.965z"
fill="#603c1b"
/>
<ellipse
cx="215.755"
cy="340.759"
rx="24.251"
ry="77.254"
transform="scale(-1) rotate(81.872 392.869 -248.748)"
fill="#c69c6c"
/>
<ellipse
cx="294.251"
cy="326.738"
rx="24.25"
ry="77.249"
transform="rotate(-91.364 294.251 326.743)"
fill="#aa805b"
/>
<path
d="M293.669 302.508c-13.732.327-26.59 1.763-37.717 4.002v42.123c11.452 1.813 24.725 2.698 38.87 2.361 42.652-1.014 76.97-12.691 76.651-26.08-.318-13.389-35.152-23.421-77.804-22.406z"
fill="#89664c"
/>
<ellipse
cx="296.741"
cy="360.771"
rx="24.251"
ry="77.252"
transform="rotate(-77.18 296.732 360.76)"
fill="#764c24"
/>
<path
d="M302.13 337.104c-16.918-3.849-32.931-5.651-46.178-5.556v41.755c10.295 4.276 22.347 8.118 35.418 11.092 41.601 9.465 77.734 6.552 80.705-6.508 2.971-13.058-28.344-31.318-69.945-40.783z"
fill="#603c1b"
/>
</svg>
More icons in the same style and category