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 lineal color style with a gray, black, and olive 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0"
transform="translate(504.5 256)"
fill="#bb7c63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-137.24-111.26-248.5-248.5-248.5-9.43 0-18.73.52-27.88 1.55C-152.27-233.09-55.77-127.81-55.77 0c0 127.81-96.5 233.09-220.61 246.95 9.15 1.03 18.45 1.55 27.88 1.55C-111.26 248.5 0 137.24 0 0"
transform="translate(504.5 256)"
fill="#aa6a50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c44.11-40.015 102.661-64.397 166.908-64.397 131.722 0 239.489 102.493 247.946 232.078"
transform="translate(89.092 71.897)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.529 129.516-116.264 231.932-247.937 231.932-137.243 0-248.5-111.257-248.5-248.5 0-61.121 22.08-117.077 58.68-160.359"
transform="translate(503.938 272.568)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 45.314 25.834a10.001 10.001 0 0 0 12.508-2.136L82.154-4.361a9.998 9.998 0 0 0 .666-12.243L65.316-41.888a9.998 9.998 0 0 0-8.221-4.308H18.707a10 10 0 0 0-8.944 5.528L-3.992-13.159A10 10 0 0 0 0 0"
transform="translate(152.833 323.469)"
fill="#87523e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.5-25.28a10 10 0 0 0-8.22-4.311H-49.2c.4.401.76.841 1.09 1.311L-30.61-3c2.6 3.76 2.33 8.8-.66 12.25L-52.6 33.84l15.1 8.599A9.985 9.985 0 0 0-25 40.31L-.66 12.25A10.01 10.01 0 0 0 0 0"
transform="translate(235.65 306.86)"
fill="#7c4b37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.744-3.845a10 10 0 0 1-3.992-13.159L3.019-44.513a10 10 0 0 1 8.944-5.528h38.388a9.996 9.996 0 0 1 8.221 4.309l17.504 25.283a10 10 0 0 1-.666 12.243L51.078 19.853a10 10 0 0 1-12.508 2.136l-9.907-5.648"
transform="translate(159.577 327.313)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 34.81 19.845a10 10 0 0 0 10.61-.442L80.451-4.63c4.568-3.134 5.718-9.383 2.565-13.937L66.421-42.538a10 10 0 0 0-8.222-4.308H19.032a10 10 0 0 0-8.944 5.528l-14.08 28.159A10 10 0 0 0 0 0"
transform="translate(86.943 481.552)"
fill="#87523e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.6-23.971a10.004 10.004 0 0 0-8.22-4.3h-21.21L-30.61-6c3.15 4.56 2 10.81-2.57 13.939L-64.26 29.27l16.05 9.15c3.33 1.89 7.45 1.72 10.61-.441l35.03-24.04C2 10.81 3.15 4.56 0 0"
transform="translate(169.96 462.98)"
fill="#7c4b37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.81 19.845a10 10 0 0 0 10.61-.442L80.451-4.63c4.568-3.134 5.718-9.383 2.565-13.937L66.421-42.538a10 10 0 0 0-8.222-4.308H19.032a10 10 0 0 0-8.944 5.528l-14.08 28.159A10 10 0 0 0 0 0Z"
transform="translate(86.943 481.552)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 59.182-9.06c7.304-1.118 10.915-9.501 6.708-15.577L47.409-51.332a10.002 10.002 0 0 0-8.222-4.308H5.898a10 10 0 0 0-9.792 7.971l-7.411 35.754C-12.72-5.088-6.892 1.055 0 0"
transform="translate(392.88 449.608)"
fill="#87523e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.479-26.689A10 10 0 0 0-26.699-31h-33.29c-.55 0-1.091.04-1.62.13 3.109.6 5.9 2.381 7.729 5.04l22.511 32.511c2.75 3.969 2.76 8.759.8 12.549l23.86-3.65C.601 14.46 4.211 6.08 0 0"
transform="translate(458.77 424.97)"
fill="#7c4b37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 59.182-9.06c7.304-1.118 10.915-9.501 6.708-15.577L47.409-51.332a10.002 10.002 0 0 0-8.222-4.308H5.898a10 10 0 0 0-9.792 7.971l-7.411 35.754C-12.72-5.088-6.892 1.055 0 0Z"
transform="translate(392.88 449.608)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-3.851-38.019a9.997 9.997 0 0 0-7.227-8.614l-47.839-13.531c-5.215-1.475-10.656 1.474-12.269 6.647L-85.128-8.772A10 10 0 0 0-82.01 1.862l33.113 27.791a10.002 10.002 0 0 0 11.851.743L-4.527 9.41A9.999 9.999 0 0 0 0 0"
transform="translate(412.96 248.34)"
fill="#87523e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.85-38.02a9.985 9.985 0 0 0-7.23-8.61l-28.26-7.99a9.928 9.928 0 0 1 4.88 7.6L-30.61-9A9.99 9.99 0 0 1-35.14.41l-27.47 17.731 13.711 11.509a10.01 10.01 0 0 0 11.849.75L-4.53 9.41A9.994 9.994 0 0 0 0 0"
transform="translate(412.96 248.34)"
fill="#7c4b37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.851-38.019a9.997 9.997 0 0 0-7.227-8.614l-47.839-13.531c-5.215-1.475-10.656 1.474-12.269 6.647L-85.128-8.772A10 10 0 0 0-82.01 1.862l33.113 27.791a10.002 10.002 0 0 0 11.851.743L-4.527 9.41A9.999 9.999 0 0 0 0 0Z"
transform="translate(412.96 248.34)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.767 3.115a10 10 0 0 0-8.614 7.228l-10.961 38.752a9.999 9.999 0 0 0 6.648 12.268L-7.56 72.622a9.998 9.998 0 0 0 10.635-3.118l22.542-26.859a10 10 0 0 0 .743-11.851L9.41 4.526A10 10 0 0 0 0 0"
transform="translate(126.246 130.943)"
fill="#87523e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.95-26.271a10.001 10.001 0 0 0-9.41-4.529l-20.82 2.11L-30.61-3c2.37 3.68 2.07 8.49-.75 11.85l-22.47 26.78 19.91 6.2a9.99 9.99 0 0 0 10.63-3.12L-.75 11.85C2.07 8.49 2.37 3.68 0 0"
transform="translate(152.61 161.74)"
fill="#7c4b37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.767 3.115a10 10 0 0 0-8.614 7.228l-10.961 38.752a9.999 9.999 0 0 0 6.648 12.268L-7.56 72.622a9.998 9.998 0 0 0 10.635-3.118l22.542-26.859a10 10 0 0 0 .743-11.851L9.41 4.526A10 10 0 0 0 0 0Z"
transform="translate(126.246 130.943)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-3.115-30.767a10.002 10.002 0 0 0-7.228-8.615l-38.751-10.96a10 10 0 0 0-12.269 6.648L-72.622-7.561a10 10 0 0 0 3.118 10.635l26.859 22.543a10 10 0 0 0 11.852.742l26.267-16.95A10 10 0 0 0 0 0"
transform="translate(438.531 82.821)"
fill="#87523e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.11-30.771a10.009 10.009 0 0 0-7.231-8.609L-33.8-46.01a9.921 9.921 0 0 1 3.08 6.239L-27.61-9A9.994 9.994 0 0 1-32.141.41l-22.92 14.789 12.42 10.421a9.998 9.998 0 0 0 11.851.739L-4.53 9.41A9.995 9.995 0 0 0 0 0"
transform="translate(438.53 82.82)"
fill="#7c4b37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.115-30.767a10.002 10.002 0 0 0-7.228-8.615l-38.751-10.96a10 10 0 0 0-12.269 6.648L-72.622-7.561a10 10 0 0 0 3.118 10.635l26.859 22.543a10 10 0 0 0 11.852.742l26.267-16.95A10 10 0 0 0 0 0Z"
transform="translate(438.531 82.821)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h13.244"
transform="translate(319.23 131.821)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-13.243"
transform="translate(198.608 177.64)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-13.244"
transform="translate(316.023 353.367)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-13.244"
transform="translate(91.96 245.252)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-9.365-9.365"
transform="translate(266.432 438.459)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.127"
transform="translate(450.959 214.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.127"
transform="translate(255.936 245.252)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .127-.001"
transform="translate(230.233 88.644)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.127"
transform="translate(182.264 429.094)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .128-.001"
transform="translate(354.519 373.965)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.127"
transform="translate(251.643 61.964)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.127"
transform="translate(112.123 353.367)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category