Add icons to this collection by clicking the heart icon.
Cookie icon - also known as cookie, drink, dessert, beverage, glass, sweet, milk, food and restaurant, and chocolate chip. Created in a clean lineal color style with a white, silver, gray, black, 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="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 0h-197.577c-20.237 0-37.286 15.114-39.712 35.206l-53.046 439.397c-1.437 11.91 7.859 22.397 19.856 22.397h343.38c11.996 0 21.294-10.487 19.857-22.397L39.712 35.206C37.286 15.114 20.237 0 0 0"
transform="translate(411.596 7.5)"
fill="#cde9fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 5.712 47.313c-110.278 58.21-215.403 270.799-215.403 414.481H-310.19c-11.997 0-21.293-10.487-19.856-22.397L-277 0c2.426-20.092 19.475-35.206 39.712-35.206h197.577C-19.475-35.206-2.425-20.092 0 0"
transform="translate(451.307 42.706)"
fill="#a2ddfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 45.451-376.482c1.213-10.045 9.737-17.603 19.857-17.603h162.115c10.119 0 18.643 7.558 19.856 17.603L285.65-58.645c1.385 11.472-7.215 21.688-18.751 22.366-113.973 6.697-129.196 53.124-246.066 58.656C8.459 22.962-1.484 12.298 0 0"
transform="translate(166.441 441.585)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-84.152 70.545-158.241 219.665-174.756 341.249-16.432 3.538-35.203 6.137-57.776 7.205-12.373.586-22.317-10.079-20.832-22.377l45.451-376.481c1.213-10.046 9.737-17.604 19.856-17.604h162.116c10.119 0 18.643 7.558 19.856 17.604z"
transform="translate(419.806 115.508)"
fill="#fbf1cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-77.32 62.681-140 140-140 77.32 0 140 62.68 140 140s-62.68 140-140 140C62.681 140 0 77.32 0 0"
transform="translate(17.457 162.5)"
fill="#f6ee86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 59.978 37.72 111.138 90.729 131.073C75.401 136.838 58.8 140 41.457 140c-77.319 0-140-62.68-140-140 0-77.319 62.681-140 140-140 17.343 0 33.944 3.162 49.272 8.927C37.72-111.137 0-59.978 0 0"
transform="translate(116 162.5)"
fill="#f2d98d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.569-13.432 30-30 30C13.432 30 0 16.569 0 0"
transform="translate(54.281 269.121)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.102 6.035 20.788 15 25.977A29.864 29.864 0 0 1 0 30c-16.568 0-30-13.432-30-30 0-16.569 13.432-30 30-30a29.854 29.854 0 0 1 15 4.023C6.035-20.789 0-11.103 0 0"
transform="translate(84.281 269.122)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.432-30 30-30 16.569 0 30 13.432 30 30 0 16.568-13.431 30-30 30C13.432 30 0 16.568 0 0"
transform="translate(245.675 117.5)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.432 30 0 16.568 0 0"
transform="translate(7.5 162.5)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.103 6.035 20.789 15 25.977A29.854 29.854 0 0 1 0 30c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30 5.466 0 10.586 1.47 15 4.023C6.035-20.789 0-11.103 0 0"
transform="translate(37.5 162.5)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.431-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.431 30 0 16.568 0 0"
transform="translate(57.923 57.5)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.432 30 0 16.568 0 0"
transform="translate(219.809 241.915)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.925 13.157-23.402 29.388-23.402 16.23 0 29.387 10.477 29.387 23.402S45.618 23.402 29.388 23.402C13.157 23.402 0 12.925 0 0"
transform="translate(366.604 339.231)"
fill="#eda1ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.925-13.157-23.402-29.387-23.402S-58.774-12.925-58.774 0s13.157 23.402 29.387 23.402S0 12.925 0 0"
transform="translate(266.09 339.231)"
fill="#eda1ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.643 10.607 16.019 23.693 16.019 13.085 0 23.694-1.376 23.694-16.019 0-14.644-10.609-26.514-23.694-26.514C10.607-26.514 0-14.644 0 0"
transform="translate(292.654 357.213)"
fill="#565e75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12"
transform="translate(391.08 379.17)"
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 0c0 14.643 10.607 16.019 23.693 16.019 13.085 0 23.694-1.376 23.694-16.019 0-14.643-10.609-26.513-23.694-26.513C10.607-26.513 0-14.643 0 0Z"
transform="translate(292.654 357.213)"
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-12"
transform="translate(241.615 379.17)"
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 0c0 11.103 6.035 20.788 15 25.977A29.864 29.864 0 0 1 0 30c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30a29.854 29.854 0 0 1 15 4.023C6.035-20.789 0-11.103 0 0"
transform="translate(249.809 241.915)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.103 6.035 20.788 15 25.977A29.864 29.864 0 0 1 0 30c-16.569 0-30-13.432-30-30 0-16.568 13.431-30 30-30a29.854 29.854 0 0 1 15 4.023C6.035-20.789 0-11.103 0 0"
transform="translate(87.923 57.5)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.432 30 0 16.568 0 0"
transform="translate(146.728 105.713)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.103 6.036 20.788 15 25.977A29.858 29.858 0 0 1 0 30c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30a29.848 29.848 0 0 1 15 4.023C6.036-20.789 0-11.103 0 0"
transform="translate(176.728 105.713)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.103 6.036 20.788 15 25.977A29.858 29.858 0 0 1 0 30c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30a29.848 29.848 0 0 1 15 4.023C6.036-20.789 0-11.103 0 0"
transform="translate(275.675 117.5)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12"
transform="translate(219.906 201.486)"
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-12"
transform="translate(95.009 201.486)"
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-4.004-4.594-9.893-7.501-16.465-7.501-6.571 0-12.461 2.907-16.464 7.501"
transform="translate(173.922 189.844)"
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-21.683 179.603C-23.12 191.513-13.823 202-1.827 202h343.381c11.996 0 21.294-10.487 19.856-22.397l-53.046-439.397C305.938-279.886 288.89-295 268.652-295H71.075c-13.164 0-24.978 6.396-32.297 16.395"
transform="translate(142.943 302.5)"
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 7.096-58.773"
transform="translate(176.383 359.243)"
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 0h156.184c10.119 0 18.643 7.558 19.856 17.603l38.371 317.837c1.385 11.472-7.216 21.688-18.751 22.366-113.973 6.697-129.196 53.124-246.066 58.656-12.374.585-22.318-10.079-20.833-22.377l6.456-53.477"
transform="translate(237.68 47.5)"
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 0a139.149 139.149 0 0 1-13.935 33.265"
transform="translate(292.522 199.478)"
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 0a141.086 141.086 0 0 1 1.757 22.244c0 2.455-.063 4.897-.188 7.321"
transform="translate(295.7 140.256)"
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 0c16.108-6.465 33.697-10.022 52.116-10.022 49.618 0 93.208 25.812 118.073 64.742"
transform="translate(105.34 32.523)"
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 0c5.08-28.695 18.9-54.372 38.612-74.181"
transform="translate(19.606 137.93)"
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-18.345-19.427-31.19-44.102-36.047-71.536"
transform="translate(55.652 258.603)"
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-23.966 19.208-54.386 30.697-87.489 30.697-18.793 0-36.721-3.703-53.095-10.419"
transform="translate(244.946 271.803)"
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 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.569-13.432 30-30 30C13.432 30 0 16.569 0 0Z"
transform="translate(54.281 269.121)"
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 0c0-16.568 13.432-30 30-30 16.569 0 30 13.432 30 30 0 16.568-13.431 30-30 30C13.432 30 0 16.568 0 0Z"
transform="translate(245.675 117.5)"
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 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.432 30 0 16.568 0 0Z"
transform="translate(7.5 162.5)"
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 0c0-16.568 13.431-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.431 30 0 16.568 0 0Z"
transform="translate(57.923 57.5)"
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 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.432 30 0 16.568 0 0Z"
transform="translate(219.809 241.915)"
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 0c0-16.568 13.432-30 30-30 16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30C13.432 30 0 16.568 0 0Z"
transform="translate(146.728 105.713)"
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