Cookie color outline icon
Outline round cookie with a bite taken out and scattered chocolate chips inside a circle
About the Cookie color outline 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 outline version of the cookie icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
