Add icons to this collection by clicking the heart icon.
Cookie icon - also known as cookie, tree, christmas tree, dessert, sweet, xmas, gingerbread, and food and restaurant. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f5624d" />
<stop offset=".505" stop-color="#cd231f" />
<stop offset="1" stop-color="#9a1a17" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="-2.913"
y2="63.921"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="35.501"
x2="35.501"
y1="-2.913"
y2="63.921"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="28.501"
x2="28.501"
y1="-2.913"
y2="63.921"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="34.475"
x2="34.475"
y1="-2.913"
y2="63.921"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="29.525"
x2="29.525"
y1="-2.913"
y2="63.921"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M13.335 48.67a1.976 1.976 0 0 0 2.131.474l5.282-1.981 1.912 1.912a2 2 0 0 0 2.664.147l2.108-1.676-2.049 12.981a2.973 2.973 0 0 0 .668 2.413A2.997 2.997 0 0 0 28.34 64h7.32a2.993 2.993 0 0 0 2.957-3.466l-2.052-13.001 2.111 1.688a1.997 1.997 0 0 0 2.663-.147l1.912-1.911 5.281 1.98a1.976 1.976 0 0 0 2.132-.474 1.976 1.976 0 0 0 .43-2.138l-3.578-8.997a1.992 1.992 0 0 0 1.304-.688 1.988 1.988 0 0 0 .326-2.078l-4.848-11.522c.77.267 1.605.046 2.153-.586.608-.703.66-1.688.13-2.452L32.821.429c-.375-.537-1.268-.537-1.643 0l-13.761 19.78a1.976 1.976 0 0 0 .13 2.452 1.972 1.972 0 0 0 2.153.586L14.854 34.77a1.988 1.988 0 0 0 .326 2.078c.34.396.806.635 1.304.688l-3.577 8.996a1.97 1.97 0 0 0 .428 2.138zm20.204-35.524 6.978 16.581-.951-.237a1.011 1.011 0 0 0-.995.312 1.002 1.002 0 0 0-.177 1.027l4.126 10.377a5.934 5.934 0 0 0-2.841 1.132l-.749-.6c-1.938-1.547-4.828-1.71-6.93-.397-2.102-1.312-4.991-1.15-6.931.398l-.749.6a5.944 5.944 0 0 0-2.84-1.133l4.126-10.377a1 1 0 0 0-1.172-1.339l-.951.237 6.978-16.581a.997.997 0 0 0-.128-.995L32 9.755l1.667 2.396a.998.998 0 0 0-.128.995z"
/>
<path
d="M32 25.999a1 1 0 0 0 1-1V24a1 1 0 1 0-2 0v.999a1 1 0 0 0 1 1zM32 32.999a1 1 0 0 0 1-1V31a1 1 0 1 0-2 0v.999a1 1 0 0 0 1 1z"
/>
</g>
<path
fill="url(#c)"
d="M34.001 28a1 1 0 0 0 1 1H36a1 1 0 1 0 0-2h-.999a1 1 0 0 0-1 1z"
/>
<path fill="url(#d)" d="M28.001 29H29a1 1 0 1 0 0-2h-.999a1 1 0 1 0 0 2z" />
<path
fill="url(#e)"
d="M34.828 31.828a.999.999 0 0 0 .707-1.707l-.706-.706a.999.999 0 1 0-1.414 1.414l.706.706a.997.997 0 0 0 .707.293z"
/>
<path
fill="url(#f)"
d="M29.172 26.586a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-.707-.707a.999.999 0 1 0-1.414 1.414zM29.171 29.415l-.706.706a.999.999 0 1 0 1.414 1.414l.706-.706a.999.999 0 1 0-1.414-1.414z"
/>
<path
fill="url(#e)"
d="M33.414 26.586a.997.997 0 0 0 1.414 0l.707-.707a.999.999 0 1 0-1.414-1.414l-.707.707a.999.999 0 0 0 0 1.414z"
/>
<circle cx="32" cy="28" r="1" fill="url(#b)" />
<path
fill="url(#b)"
d="M35.293 35.293 34 36.586l-1.293-1.293a.999.999 0 0 0-1.414 0L30 36.586l-1.293-1.293a.999.999 0 0 0-1.414 0l-2 2a.999.999 0 1 0 1.414 1.414L28 37.414l1.293 1.293a.999.999 0 0 0 1.414 0L32 37.414l1.293 1.293a.999.999 0 0 0 1.414 0L36 37.414l1.293 1.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-2-2a.999.999 0 0 0-1.414 0z"
/>
</svg>
More icons in the same style and category