Add icons to this collection by clicking the heart icon.
Cookie icon - also known as food, biscuit, cookie, dessert, bakery, sweet, chips, chocolate, cookies, and food and restaurant. Created in a clean gradient style, 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 483.7 483.7"
>
<linearGradient id="a">
<stop offset="0" stop-color="#0a7e71" />
<stop offset=".11" stop-color="#1f836b" />
<stop offset=".35" stop-color="#548e5a" />
<stop offset=".53" stop-color="#84994c" />
<stop offset="1" stop-color="#bf001a" />
</linearGradient>
<linearGradient
id="b"
x1="-131.861"
x2="525.549"
y1="15.654"
y2="414.234"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-160.233"
x2="497.177"
y1="62.441"
y2="461.031"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-115.583"
x2="541.828"
y1="-11.199"
y2="387.391"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-61.567"
x2="595.843"
y1="-100.299"
y2="298.291"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-104.528"
x2="552.882"
y1="-29.429"
y2="369.161"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-228.319"
x2="429.091"
y1="174.747"
y2="573.327"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-36.719"
x2="620.691"
y1="-141.275"
y2="257.315"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-190.524"
x2="466.886"
y1="112.407"
y2="510.987"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-35.162"
x2="622.248"
y1="-143.844"
y2="254.746"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-135.556"
x2="521.854"
y1="21.737"
y2="420.317"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-167.772"
x2="489.638"
y1="74.877"
y2="473.467"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-68.956"
x2="588.454"
y1="-88.108"
y2="310.472"
gradientTransform="matrix(1 0 0 -1 0 484)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M412.8 70.8c-94.4-94.4-247.6-94.4-342 0s-94.4 247.6 0 342 247.6 94.4 342 0 94.4-247.6 0-342zm-171 400.9C115.1 471.7 12 368.6 12 241.8S115.1 12 241.8 12c31.7 0 63.1 6.5 92.1 19.3l-1.2.2c-4.4 1.4-42.8 14.4-49.6 34.1-7 20.6 3.9 43 24.4 50.1 4.1 1.4 8.4 2.1 12.8 2.1 16.8 0 31.7-10.7 37.3-26.5 6.8-19.7-15.5-53.7-18.1-57.5 78 36.8 132.2 116.2 132.2 208 0 126.8-103.1 229.9-229.9 229.9zM346.2 87.3c-4.9 14.3-20.5 21.9-34.8 17s-21.9-20.5-17-34.8c3.3-9.6 23.2-19.8 37.6-25.1 8.1 13 17.5 33.4 14.2 42.9z"
/>
<path
fill="url(#c)"
d="M235.9 208.5c0-20.9-32.1-45.7-35.7-48.4a5.72 5.72 0 0 0-7.2 0c-3.7 2.7-35.8 27.5-35.8 48.4 1.1 21.7 19.6 38.5 41.3 37.4 20.2-1.1 36.4-17.2 37.4-37.4zm-39.3 27.3c-15.1 0-27.3-12.2-27.4-27.3 0-10.2 15.5-26.3 27.4-36 11.8 9.7 27.3 25.8 27.3 36 0 15.1-12.2 27.3-27.3 27.3z"
/>
<path
fill="url(#d)"
d="M106.2 309.8c-2.7.1-5 1.9-5.7 4.5-1.2 4.4-11.5 43.6 1.3 60.1 6.3 8.3 15.7 13.7 26.1 15 1.7.2 3.4.3 5.1.3 19.8 0 36.4-14.7 39-34.3 1.3-10.4-1.5-20.8-7.9-29.1-12.7-16.5-53.3-16.5-57.9-16.5zm53.9 44.1c-.9 7.2-4.6 13.7-10.4 18.1-5.7 4.5-13 6.4-20.2 5.5s-13.8-4.6-18.2-10.4c-6.2-8-3.8-30.3-.3-45.2 15.2.4 37.4 3.7 43.6 11.7 4.5 5.8 6.4 13.1 5.5 20.3z"
/>
<path
fill="url(#e)"
d="M393.7 350.2c12.3-16.8 1.1-55.8-.2-60.2-.8-2.6-3.1-4.3-5.8-4.3-4.6.1-45.2 1.1-57.5 17.8-12.9 17.5-9.1 42.2 8.4 55.1 6.7 5 14.9 7.6 23.3 7.6 12.5 0 24.4-5.9 31.8-16zM334.9 331c-1.2-7.2.6-14.5 5-20.3 6-8.2 28.1-12 43.3-12.8 3.9 14.8 6.8 37 .8 45.2-8.9 12.2-26 14.8-38.2 5.9l-.1-.1c-5.9-4.3-9.7-10.7-10.8-17.9z"
/>
<path
fill="url(#f)"
d="M454 183.3c-4.1-17.5-14.6-32.9-28.8-42.1-2.8-1.8-6.5-1.1-8.3 1.7s-1 6.4 1.7 8.3c11.7 7.6 20.3 20.3 23.7 34.9s1.4 29.1-5.3 40.9c-1.7 2.8-.8 6.4 2 8.1.1 0 .1.1.2.1.9.5 1.9.8 3 .8 2.2 0 4.2-1.2 5.2-3.1 8.3-14.6 10.7-32.2 6.6-49.6z"
/>
<path
fill="url(#g)"
d="M130.8 84.8c.9.6 2 .9 3.1.9 2.1 0 4-1.1 5.1-2.9 7.3-11.9 19.7-20.9 34.2-24.7s29.1-2.1 41.1 4.3c3 1.4 6.6.1 8-2.9 1.3-2.8.3-6.2-2.4-7.7-14.8-7.9-32.5-9.8-49.8-5.3s-32.5 15.6-41.3 30c-1.8 2.7-1 6.4 1.8 8.2 0 0 .1.1.2.1z"
/>
<path
fill="url(#h)"
d="M437.8 294.4c-3.3.4-5.7 3.4-5.3 6.7 1.6 13.8-2.8 28.5-11.9 40.4-1.7 2.2-3.5 4.3-5.5 6.3-.7-2.9-3.5-4.8-6.5-4.5-3.3.4-5.7 3.4-5.3 6.7 1.6 13.8-2.7 28.5-11.8 40.4s-21.6 19.6-35 21.9c-3.2.5-5.4 3.5-4.9 6.7v.2c.5 2.9 3 5 5.9 5h1c16.6-2.9 31.7-12.2 42.5-26.4 7.6-10 12.5-21.8 14.1-34.2 5.7-4.1 10.8-9.1 15.1-14.7 10.9-14.3 16.1-32.2 14.2-49.1-.3-3.3-3.2-5.7-6.6-5.4z"
/>
<path
fill="url(#i)"
d="M84 134.1c-16 5.1-29.7 16.5-38.4 32.1s-11.5 34.2-7.3 50.6c.3 1.1.9 2 1.7 2.8-3.3 7.8-5.2 16.2-5.6 24.7-1 18 4.9 35.7 16 48.5 1.1 1.3 2.8 2.1 4.5 2.1 1.5 0 2.9-.5 4-1.5 2.5-2.2 2.7-5.9.6-8.4-9.1-10.5-13.9-25.1-13.1-40.1s6.7-28.4 16.5-37.8c2.3-2.3 2.4-6.1.1-8.5s-6.1-2.4-8.5-.1c-2.2 2.1-4.2 4.3-6 6.7-.8-11.5 1.8-23.1 7.5-33.1 7.2-12.7 18.7-22.4 31.6-26.6 3.2-.7 5.3-3.9 4.6-7.2-.7-3.2-3.9-5.3-7.2-4.6-.3.2-.7.3-1 .4z"
/>
<path
fill="url(#j)"
d="M315.8 420.7c-2.8-1.7-6.5-.7-8.2 2.1-7.1 12-19.4 21.2-33.8 25.3s-29 2.7-41.1-3.5c-2.9-1.5-6.6-.4-8.1 2.6s-.3 6.5 2.6 8.1c9.4 4.7 19.7 7.1 30.2 7.1 6.7 0 13.3-.9 19.7-2.8 17.3-4.8 32.2-16 40.8-30.7 1.7-2.8.7-6.5-2.1-8.2z"
/>
<circle cx="365.3" cy="158.6" r="12.4" fill="url(#k)" />
<path
fill="url(#l)"
d="M108.2 254.2c6.8 0 12.4-5.6 12.4-12.4s-5.6-12.4-12.4-12.4-12.4 5.6-12.4 12.4 5.6 12.4 12.4 12.4z"
/>
<circle cx="241.8" cy="383.7" r="12.4" fill="url(#m)" />
</svg>
More icons in the same style and category