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 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 512 512"
>
<radialGradient
id="e"
cx="114.412"
cy="358.671"
r="169.857"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ad" />
<stop offset=".518" stop-color="#ffe177" />
<stop offset=".635" stop-color="#ffd96a" />
<stop offset="1" stop-color="#ffc344" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</linearGradient>
<radialGradient
id="f"
cx="115.047"
cy="48.529"
r="225.693"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="474.977"
cy="138.082"
r="49.707"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="417.871"
cy="144.012"
r="19.328"
gradientTransform="matrix(0 1 -1.728 0 666.651 -273.859)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="427.506"
cy="157.325"
r="364.573"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fff7f3" />
<stop offset=".535" stop-color="#f3c6bd" />
<stop offset=".871" stop-color="#eaa998" />
</linearGradient>
<radialGradient
id="j"
cx="196.665"
cy="261.053"
r="49.175"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#eaa998" />
<stop offset=".518" stop-color="#e49280" />
<stop offset=".641" stop-color="#e08671" />
<stop offset=".976" stop-color="#d6694b" />
</linearGradient>
<radialGradient
id="k"
cx="172.1"
cy="332.206"
r="59.743"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="319.557"
cy="275.855"
r="44.001"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="m"
cx="328.875"
cy="203.149"
r="46.404"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="168.624"
cy="127.635"
r="78.446"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#dd7f66" />
<stop offset=".512" stop-color="#d6694b" />
<stop offset=".669" stop-color="#c16552" />
<stop offset=".976" stop-color="#9b5e5e" />
</linearGradient>
<radialGradient
id="o"
cx="256.718"
cy="132.929"
r="90.261"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="p"
cx="283.824"
cy="370.908"
r="64.781"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="356.414"
cy="375.144"
r="72.209"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="r"
cx="399.024"
cy="268.508"
r="64.781"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="s"
cx="471.614"
cy="272.744"
r="72.209"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="t"
cx="368.016"
cy="226.069"
r="72.209"
gradientTransform="rotate(45 371.274 255.951)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="u"
cx="284.759"
cy="267.263"
r="72.209"
gradientTransform="rotate(-30 255.978 371.208)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="v"
cx="312.224"
cy="1419.691"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -37.342 299.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff3be" />
<stop offset=".512" stop-color="#fff9df" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path
fill="url(#e)"
d="M230.4 358.4 51.707 384c39.914 46.981 99.417 76.8 165.893 76.8h76.8c-32.154 0-49.052-56.762-64-102.4z"
/>
<path
fill="url(#f)"
d="M294.4 25.6h-76.8C97.423 25.6 0 123.023 0 243.2 0 296.901 19.464 346.048 51.707 384H223.75C182.83 259.065 206.377 25.6 294.4 25.6z"
/>
<path
fill="url(#g)"
d="M435.2 156.507a32.169 32.169 0 0 1-4.2 5.18l17 4.714c12.497 12.497 29.331 7.783 41.827-4.714a32.082 32.082 0 0 0 4.2-5.18z"
/>
<path
fill="url(#h)"
d="m439.742 155.498-58.883-3.662c3.141 27.364 40.687 14.889 58.883 3.662z"
/>
<path
fill="url(#i)"
d="M494.028 156.507a32.169 32.169 0 0 1-4.2 5.18c-12.497 12.497-32.758 12.497-45.255 0a32.082 32.082 0 0 1-4.831-6.188c-19.736 12.177-45.94 9.723-63.052-7.388-17.112-17.112-19.565-43.316-7.388-63.052a32.082 32.082 0 0 1-6.188-4.831c-12.07-12.07-12.479-31.38-1.235-43.945C340.633 29.358 317.957 25.6 294.4 25.6c-120.177 0-217.6 97.423-217.6 217.6s97.423 217.6 217.6 217.6S512 363.377 512 243.2c0-30.816-6.42-60.129-17.972-86.693z"
/>
<path fill="url(#j)" d="m201.37 268.8-44.34 25.6 25.6 9.37 34.97-34.97z" />
<path fill="url(#k)" d="m157.03 294.4 25.6 44.341h16.23L182.63 294.4z" />
<path fill="url(#l)" d="m294.4 232.596 36.204 36.204h12.8l-25.6-49.004z" />
<path
fill="url(#m)"
d="M330.604 196.392 294.4 232.596h23.404l25.6-36.204z"
/>
<path fill="url(#n)" d="M166.4 192h12.8l12.8-25.6-12.8-38.4h-12.8z" />
<path fill="url(#o)" d="M179.2 128h64v64h-64z" />
<path fill="url(#p)" d="M281.6 422.4h12.8l12.8-25.6-12.8-25.6h-12.8z" />
<path fill="url(#q)" d="M294.4 371.2h51.2v51.2h-51.2z" />
<path fill="url(#r)" d="M396.8 320h12.8l12.8-25.6-12.8-25.6h-12.8z" />
<path fill="url(#s)" d="M409.6 268.8h51.2V320h-51.2z" />
<path
fill="url(#t)"
d="M343.404 268.8 307.2 232.596l36.204-36.204 36.204 36.204z"
/>
<path
fill="url(#u)"
d="m243.2 313.141-44.34 25.6-25.6-44.341 44.34-25.6z"
/>
<path
fill="url(#v)"
d="M256 486.4c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category