Cookie color filled icon
Outline round cookie with a bite taken out and scattered chocolate chips inside a circle
About the Cookie color filled icon
A round biscuit fills a thin outer circle, with a wavy scalloped notch on the upper left showing where a bite has been taken. Across its surface sit small rings and short dashes standing in for chocolate chips and crumbs. The bite mark makes it feel eaten rather than just displayed. Use it for bakery and dessert menus, snack packaging, food delivery categories, coffee shop pairings and cookie-consent banners on websites.
The cookie nearly fills the frame so the chip pattern has room to breathe, and the chips are spaced irregularly to look natural instead of tiled. The scalloped bite gives the silhouette its distinguishing edge. Pair it with cupcake, donut and coffee cup icons; at 24px the chips reduce to dots but the bitten outline still identifies it.
This is the colour filled version of the cookie icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
