A cookie with a bite taken and its chips, for cookie consent, site data and baked treats. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
Food & DrinkNewv2.2.0Added
16
20
24 px
32
24px
2px
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M20.1398 17.8089C20.4024 17.4409 20.3855 16.9425 20.0984 16.5931C20.0285 16.5081 19.9449 16.435 19.8511 16.3772C19.4761 16.1456 19.142 15.8537 18.8622 15.5132C17.4595 13.8064 17.3643 10.3315 19.0711 8.9289C16.8619 8.9289 15.0711 7.1381 15.0711 4.9289C15.0711 4.4882 15.1439 4.0505 15.2866 3.6335C15.3223 3.5293 15.3405 3.4198 15.3405 3.3097C15.3405 2.8575 15.0372 2.4617 14.6006 2.3441C13.7526 2.1157 12.8782 2 12 2C6.4772 2 2 6.4772 2 12C2 17.5228 6.4772 22 12 22C15.37 22 18.3507 20.3329 20.1398 17.8089Z" fill="none"/>
<path d="M10 8C10 8.5523 9.5523 9 9 9C8.4477 9 8 8.5523 8 8C8 7.4477 8.4477 7 9 7C9.5523 7 10 7.4477 10 8ZM15 11.5C15 12.3284 14.3284 13 13.5 13C12.6716 13 12 12.3284 12 11.5C12 10.6716 12.6716 10 13.5 10C14.3284 10 15 10.6716 15 11.5ZM11 17C11 17.5523 10.5523 18 10 18C9.4477 18 9 17.5523 9 17C9 16.4477 9.4477 16 10 16C10.5523 16 11 16.4477 11 17ZM16 17C16 17.5523 15.5523 18 15 18C14.4477 18 14 17.5523 14 17C14 16.4477 14.4477 16 15 16C15.5523 16 16 16.4477 16 17ZM8 12.5C8 13.3284 7.3284 14 6.5 14C5.6716 14 5 13.3284 5 12.5C5 11.6716 5.6716 11 6.5 11C7.3284 11 8 11.6716 8 12.5ZM22 4.5C22 5.3284 21.3284 6 20.5 6C19.6716 6 19 5.3284 19 4.5C19 3.6716 19.6716 3 20.5 3C21.3284 3 22 3.6716 22 4.5ZM23 13C23 13.5523 22.5523 14 22 14C21.4477 14 21 13.5523 21 13C21 12.4477 21.4477 12 22 12C22.5523 12 23 12.4477 23 13Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" stroke="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- cookies
- biscuit
- cookie consent
- privacy
- snack
- tracking
Related icons
The rest of the cookie family first, then the Food & Drink shelf.
FAQ
Answered from cookie's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the cookie icon for?
- A cookie with a bite taken and its chips, for cookie consent, site data and baked treats. It is filed under Food & Drink in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as cookies, biscuit, cookie consent, privacy, snack and tracking, and the browser's search matches all of those.
- What styles does the cookie icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of cookie?
- No. cookie is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with cookie?
- bottle, cake, coffee, hamburger, pizza and soup, all shown below. They are the Food & Drink shelf: nothing else in the set is named after cookie.
- How do I import cookie in React?
- <Cookie /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Cookie size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the cookie SVG?
- icons/stroke/cookie.svg, icons/two-tone/cookie.svg, icons/duotone/cookie.svg and icons/fill/cookie.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was cookie added to the set?
- Added 25 Oct 2026. It ships in v2.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.