Add icons to this collection by clicking the heart icon.
Cookie icon - also known as food, cookie, dessert, bakery, sweet, cookies, and food and restaurant. Created in a clean gradient style with a white, gray, olive, navy, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#894f49" />
<stop offset="1" stop-color="#ad695e" />
</linearGradient>
<linearGradient
id="b"
x1="111.163"
x2="512"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="337.864"
x2="506.64"
y1="255.576"
y2="252.854"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffde55" />
<stop offset="1" stop-color="#ffefab" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="400.837"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ad695e" />
<stop offset="1" stop-color="#cc7e6e" />
</linearGradient>
<linearGradient
id="e"
x1="75.181"
x2="325.656"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="311.581" cy="256" r="200.419" fill="url(#b)" />
<path
fill="#77423f"
d="M165.5 118.785v68.932h221.797c7.408 16.908 10.182 37.267 11.207 51.331.697 9.566 7.661 16.952 18.287 16.952s19.116-9.153 18.284-19.84C424.889 105.283 315.811 55.581 311.582 55.581c-57.604 0-109.523 24.293-146.082 63.204z"
/>
<circle cx="311.581" cy="256" r="154.924" fill="url(#c)" />
<path
fill="#ffcd00"
d="M435.076 236.16c-3.618-46.478-19.704-82.715-39.141-110.128-24.272-15.785-53.243-24.956-84.353-24.956-61.054 0-113.862 35.323-139.104 86.642l214.82-.001c7.408 16.908 10.182 37.267 11.208 51.331.697 9.566 7.661 16.952 18.287 16.952 10.625 0 19.115-9.153 18.283-19.84z"
/>
<circle cx="200.419" cy="256" r="200.419" fill="url(#d)" />
<circle cx="200.419" cy="256" r="125.238" fill="url(#e)" />
<circle cx="200.419" cy="94.239" r="16.037" fill="#894f49" />
<circle cx="200.419" cy="417.761" r="16.037" fill="#894f49" />
<ellipse cx="112.533" cy="279.579" fill="#ffb0d0" rx="14.936" ry="12.003" />
<ellipse cx="288.304" cy="279.579" fill="#ffb0d0" rx="14.936" ry="12.003" />
<path
fill="#383842"
d="M206.696 281.024c-3.755-3.482-8.8-3.482-12.555 0a7.5 7.5 0 0 1-10.198-11c9.547-8.851 23.404-8.851 32.951 0 3.038 2.816 3.316 7.657.401 10.599-4.313 4.353-9.156 1.739-10.599.401z"
/>
<g fill="#894f49">
<circle cx="86.036" cy="141.618" r="16.037" />
<circle cx="314.801" cy="370.382" r="16.037" />
<circle cx="38.658" cy="256" r="16.037" />
<circle cx="362.18" cy="256" r="16.037" />
<circle cx="86.036" cy="370.382" r="16.037" />
<circle cx="314.801" cy="141.618" r="16.037" />
</g>
<path
fill="#fff"
d="M233.117 249.998c0-16.337 13.243-19.58 29.58-19.58s29.58 3.243 29.58 19.58-13.243 29.58-29.58 29.58-29.58-13.243-29.58-29.58z"
/>
<circle cx="262.697" cy="249.998" r="18" fill="#383842" />
<path
fill="#77423f"
d="M292.278 249.998c0-16.337-13.243-29.58-29.58-29.58s-29.58 13.244-29.58 29.58c0 .486.013.969.037 1.449h59.087c.022-.48.036-.963.036-1.449z"
/>
<path
fill="#fff"
d="M108.56 249.998c0-16.337 13.243-19.58 29.58-19.58s29.58 3.243 29.58 19.58-13.243 29.58-29.58 29.58-29.58-13.243-29.58-29.58z"
/>
<circle cx="138.14" cy="249.998" r="18" fill="#383842" />
<path
fill="#77423f"
d="M167.72 249.998c0-16.337-13.243-29.58-29.58-29.58s-29.58 13.244-29.58 29.58c0 .486.013.969.037 1.449h59.087c.023-.48.036-.963.036-1.449z"
/>
</svg>
More icons in the same style and category