cookie icon

Cookie: cookie, cookies, cookie consent, biscuit. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.072 1.796C9.961 2.333 9.976 2.867 10.117 3.398C10.278 4.005 10.581 4.531 11.025 4.975C11.469 5.419 11.995 5.722 12.602 5.883C13.133 6.024 13.667 6.039 14.204 5.928C14.338 5.901 14.46 5.922 14.572 5.993C14.684 6.063 14.756 6.164 14.79 6.297C15.027 7.243 15.065 8.198 14.903 9.16C14.724 10.225 14.32 11.197 13.691 12.076C13.062 12.954 12.272 13.65 11.32 14.162C10.461 14.625 9.546 14.897 8.573 14.977C7.6 15.056 6.653 14.938 5.729 14.622C4.707 14.271 3.814 13.714 3.05 12.95C2.286 12.186 1.729 11.293 1.378 10.271C1.062 9.347 0.944 8.4 1.023 7.427C1.103 6.454 1.375 5.539 1.838 4.68C2.35 3.728 3.046 2.938 3.924 2.309C4.803 1.68 5.775 1.276 6.84 1.097C7.802 0.935 8.757 0.973 9.703 1.21C9.836 1.244 9.937 1.316 10.007 1.428C10.078 1.54 10.099 1.662 10.072 1.796ZM4.506 3.122C3.753 3.661 3.157 4.339 2.718 5.154C2.321 5.89 2.089 6.675 2.02 7.509C1.952 8.343 2.053 9.155 2.324 9.946C2.625 10.822 3.102 11.588 3.757 12.243C4.412 12.898 5.178 13.375 6.054 13.676C6.845 13.947 7.657 14.048 8.491 13.98C9.325 13.911 10.11 13.679 10.846 13.282C11.661 12.843 12.339 12.247 12.878 11.494C13.417 10.741 13.764 9.908 13.917 8.994C14.031 8.319 14.029 7.648 13.913 6.982C13.388 7.031 12.866 6.987 12.346 6.849C11.565 6.642 10.889 6.253 10.318 5.682C9.747 5.111 9.358 4.435 9.151 3.654C9.013 3.134 8.969 2.612 9.018 2.087C8.352 1.971 7.681 1.969 7.006 2.083C6.092 2.236 5.259 2.583 4.506 3.122ZM5.707 5.293C5.902 5.488 6 5.724 6 6C6 6.276 5.902 6.512 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.488 5.098 4.724 5 5 5C5.276 5 5.512 5.098 5.707 5.293ZM10.707 9.293C10.902 9.488 11 9.724 11 10C11 10.276 10.902 10.512 10.707 10.707C10.512 10.902 10.276 11 10 11C9.724 11 9.488 10.902 9.293 10.707C9.098 10.512 9 10.276 9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9C10.276 9 10.512 9.098 10.707 9.293ZM4.293 10.293C4.488 10.098 4.724 10 5 10C5.276 10 5.512 10.098 5.707 10.293C5.902 10.488 6 10.724 6 11C6 11.276 5.902 11.512 5.707 11.707C5.512 11.902 5.276 12 5 12C4.724 12 4.488 11.902 4.293 11.707C4.098 11.512 4 11.276 4 11C4 10.724 4.098 10.488 4.293 10.293Z"/></svg>

React

// Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie
import type { SVGProps } from 'react';

export function CookieIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.072 1.796C9.961 2.333 9.976 2.867 10.117 3.398C10.278 4.005 10.581 4.531 11.025 4.975C11.469 5.419 11.995 5.722 12.602 5.883C13.133 6.024 13.667 6.039 14.204 5.928C14.338 5.901 14.46 5.922 14.572 5.993C14.684 6.063 14.756 6.164 14.79 6.297C15.027 7.243 15.065 8.198 14.903 9.16C14.724 10.225 14.32 11.197 13.691 12.076C13.062 12.954 12.272 13.65 11.32 14.162C10.461 14.625 9.546 14.897 8.573 14.977C7.6 15.056 6.653 14.938 5.729 14.622C4.707 14.271 3.814 13.714 3.05 12.95C2.286 12.186 1.729 11.293 1.378 10.271C1.062 9.347 0.944 8.4 1.023 7.427C1.103 6.454 1.375 5.539 1.838 4.68C2.35 3.728 3.046 2.938 3.924 2.309C4.803 1.68 5.775 1.276 6.84 1.097C7.802 0.935 8.757 0.973 9.703 1.21C9.836 1.244 9.937 1.316 10.007 1.428C10.078 1.54 10.099 1.662 10.072 1.796ZM4.506 3.122C3.753 3.661 3.157 4.339 2.718 5.154C2.321 5.89 2.089 6.675 2.02 7.509C1.952 8.343 2.053 9.155 2.324 9.946C2.625 10.822 3.102 11.588 3.757 12.243C4.412 12.898 5.178 13.375 6.054 13.676C6.845 13.947 7.657 14.048 8.491 13.98C9.325 13.911 10.11 13.679 10.846 13.282C11.661 12.843 12.339 12.247 12.878 11.494C13.417 10.741 13.764 9.908 13.917 8.994C14.031 8.319 14.029 7.648 13.913 6.982C13.388 7.031 12.866 6.987 12.346 6.849C11.565 6.642 10.889 6.253 10.318 5.682C9.747 5.111 9.358 4.435 9.151 3.654C9.013 3.134 8.969 2.612 9.018 2.087C8.352 1.971 7.681 1.969 7.006 2.083C6.092 2.236 5.259 2.583 4.506 3.122ZM5.707 5.293C5.902 5.488 6 5.724 6 6C6 6.276 5.902 6.512 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.488 5.098 4.724 5 5 5C5.276 5 5.512 5.098 5.707 5.293ZM10.707 9.293C10.902 9.488 11 9.724 11 10C11 10.276 10.902 10.512 10.707 10.707C10.512 10.902 10.276 11 10 11C9.724 11 9.488 10.902 9.293 10.707C9.098 10.512 9 10.276 9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9C10.276 9 10.512 9.098 10.707 9.293ZM4.293 10.293C4.488 10.098 4.724 10 5 10C5.276 10 5.512 10.098 5.707 10.293C5.902 10.488 6 10.724 6 11C6 11.276 5.902 11.512 5.707 11.707C5.512 11.902 5.276 12 5 12C4.724 12 4.488 11.902 4.293 11.707C4.098 11.512 4 11.276 4 11C4 10.724 4.098 10.488 4.293 10.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/cookie.md

Svelte

Svelte: see /icons/cookie.md

HTML img

HTML img: see /icons/cookie.md

CSS

CSS: see /icons/cookie.md

Data URL

Data URL: see /icons/cookie.md

Sprite

Sprite: see /icons/cookie.md

SwiftUI

SwiftUI: see /icons/cookie.md

Compose

Compose: see /icons/cookie.md

Android XML

Android XML: see /icons/cookie.md

Flutter

Flutter: see /icons/cookie.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

cookie, cookies, cookie consent, biscuit, biscuits, cookie banner, cookie settings, cookie preferences, tracking cookies

Alternatives

cookie-off: block or reject cookies

Also fits

snacks: a cookie or biscuit
block cookies: cookie consent or cookie settings

Tags

cookie, biscuit, snack, sweet, consent, privacy, tracking, browser

Category

Food & drink

Component name

CookieIcon

History

2026-10-14 added

Family 1

cookie-off

More food & drink icons

apple bean bean-off beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cooking-pot egg egg-fried · all food & drink icons

For agents

Metadata: /icons/cookie.json · Markdown: /icons/cookie.md · SVG: https://gentleface.com/svg/{style}/16/cookie.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cookie.png

cookie icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp