# cookie icon

Cookie. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cookie

- Category: Food & drink
- Use it for: cookie, cookies, cookie consent, biscuit, biscuits, cookie banner, cookie settings, cookie preferences, tracking cookies
- Tags: cookie, biscuit, snack, sweet, consent, privacy, tracking, browser
- Family: cookie-off
- Component name: CookieIcon
- Added: 2026-10-14

## Alternatives

- `cookie-off`: block or reject cookies

## Also fits

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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/cookie.svg · PNG https://gentleface.com/png/line-round/16/cookie.png · https://gentleface.com/png/line-round/32/cookie.png · https://gentleface.com/png/line-round/48/cookie.png
- line-soft: https://gentleface.com/svg/line-soft/16/cookie.svg · PNG https://gentleface.com/png/line-soft/16/cookie.png · https://gentleface.com/png/line-soft/32/cookie.png · https://gentleface.com/png/line-soft/48/cookie.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/cookie.svg · PNG https://gentleface.com/png/line-sharp/16/cookie.png · https://gentleface.com/png/line-sharp/32/cookie.png · https://gentleface.com/png/line-sharp/48/cookie.png
- solid-round: https://gentleface.com/svg/solid-round/16/cookie.svg · PNG https://gentleface.com/png/solid-round/16/cookie.png · https://gentleface.com/png/solid-round/32/cookie.png · https://gentleface.com/png/solid-round/48/cookie.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/cookie.svg · PNG https://gentleface.com/png/solid-soft/16/cookie.png · https://gentleface.com/png/solid-soft/32/cookie.png · https://gentleface.com/png/solid-soft/48/cookie.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/cookie.svg · PNG https://gentleface.com/png/solid-sharp/16/cookie.png · https://gentleface.com/png/solid-sharp/32/cookie.png · https://gentleface.com/png/solid-sharp/48/cookie.png

The SVG of every style: https://gentleface.com/icons/cookie.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/cookie.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie. Takes the text color. */
.icon-cookie {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#cookie"/></svg>
```

### SwiftUI

```swift
// Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie
import SwiftUI

struct CookieIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 10.072, y: 1.796))
        p.addCurve(to: CGPoint(x: 10.117, y: 3.398), control1: CGPoint(x: 9.961, y: 2.333), control2: CGPoint(x: 9.976, y: 2.867))
        p.addCurve(to: CGPoint(x: 11.025, y: 4.975), control1: CGPoint(x: 10.278, y: 4.005), control2: CGPoint(x: 10.581, y: 4.531))
        p.addCurve(to: CGPoint(x: 12.602, y: 5.883), control1: CGPoint(x: 11.469, y: 5.419), control2: CGPoint(x: 11.995, y: 5.722))
        p.addCurve(to: CGPoint(x: 14.204, y: 5.928), control1: CGPoint(x: 13.133, y: 6.024), control2: CGPoint(x: 13.667, y: 6.039))
        p.addCurve(to: CGPoint(x: 14.572, y: 5.993), control1: CGPoint(x: 14.338, y: 5.901), control2: CGPoint(x: 14.46, y: 5.922))
        p.addCurve(to: CGPoint(x: 14.79, y: 6.297), control1: CGPoint(x: 14.684, y: 6.063), control2: CGPoint(x: 14.756, y: 6.164))
        p.addCurve(to: CGPoint(x: 14.903, y: 9.16), control1: CGPoint(x: 15.027, y: 7.243), control2: CGPoint(x: 15.065, y: 8.198))
        p.addCurve(to: CGPoint(x: 13.691, y: 12.076), control1: CGPoint(x: 14.724, y: 10.225), control2: CGPoint(x: 14.32, y: 11.197))
        p.addCurve(to: CGPoint(x: 11.32, y: 14.162), control1: CGPoint(x: 13.062, y: 12.954), control2: CGPoint(x: 12.272, y: 13.65))
        p.addCurve(to: CGPoint(x: 8.573, y: 14.977), control1: CGPoint(x: 10.461, y: 14.625), control2: CGPoint(x: 9.546, y: 14.897))
        p.addCurve(to: CGPoint(x: 5.729, y: 14.622), control1: CGPoint(x: 7.6, y: 15.056), control2: CGPoint(x: 6.653, y: 14.938))
        p.addCurve(to: CGPoint(x: 3.05, y: 12.95), control1: CGPoint(x: 4.707, y: 14.271), control2: CGPoint(x: 3.814, y: 13.714))
        p.addCurve(to: CGPoint(x: 1.378, y: 10.271), control1: CGPoint(x: 2.286, y: 12.186), control2: CGPoint(x: 1.729, y: 11.293))
        p.addCurve(to: CGPoint(x: 1.023, y: 7.427), control1: CGPoint(x: 1.062, y: 9.347), control2: CGPoint(x: 0.944, y: 8.4))
        p.addCurve(to: CGPoint(x: 1.838, y: 4.68), control1: CGPoint(x: 1.103, y: 6.454), control2: CGPoint(x: 1.375, y: 5.539))
        p.addCurve(to: CGPoint(x: 3.924, y: 2.309), control1: CGPoint(x: 2.35, y: 3.728), control2: CGPoint(x: 3.046, y: 2.938))
        p.addCurve(to: CGPoint(x: 6.84, y: 1.097), control1: CGPoint(x: 4.803, y: 1.68), control2: CGPoint(x: 5.775, y: 1.276))
        p.addCurve(to: CGPoint(x: 9.703, y: 1.21), control1: CGPoint(x: 7.802, y: 0.935), control2: CGPoint(x: 8.757, y: 0.973))
        p.addCurve(to: CGPoint(x: 10.007, y: 1.428), control1: CGPoint(x: 9.836, y: 1.244), control2: CGPoint(x: 9.937, y: 1.316))
        p.addCurve(to: CGPoint(x: 10.072, y: 1.796), control1: CGPoint(x: 10.078, y: 1.54), control2: CGPoint(x: 10.099, y: 1.662))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.506, y: 3.122))
        p.addCurve(to: CGPoint(x: 2.718, y: 5.154), control1: CGPoint(x: 3.753, y: 3.661), control2: CGPoint(x: 3.157, y: 4.339))
        p.addCurve(to: CGPoint(x: 2.02, y: 7.509), control1: CGPoint(x: 2.321, y: 5.89), control2: CGPoint(x: 2.089, y: 6.675))
        p.addCurve(to: CGPoint(x: 2.324, y: 9.946), control1: CGPoint(x: 1.952, y: 8.343), control2: CGPoint(x: 2.053, y: 9.155))
        p.addCurve(to: CGPoint(x: 3.757, y: 12.243), control1: CGPoint(x: 2.625, y: 10.822), control2: CGPoint(x: 3.102, y: 11.588))
        p.addCurve(to: CGPoint(x: 6.054, y: 13.676), control1: CGPoint(x: 4.412, y: 12.898), control2: CGPoint(x: 5.178, y: 13.375))
        p.addCurve(to: CGPoint(x: 8.491, y: 13.98), control1: CGPoint(x: 6.845, y: 13.947), control2: CGPoint(x: 7.657, y: 14.048))
        p.addCurve(to: CGPoint(x: 10.846, y: 13.282), control1: CGPoint(x: 9.325, y: 13.911), control2: CGPoint(x: 10.11, y: 13.679))
        p.addCurve(to: CGPoint(x: 12.878, y: 11.494), control1: CGPoint(x: 11.661, y: 12.843), control2: CGPoint(x: 12.339, y: 12.247))
        p.addCurve(to: CGPoint(x: 13.917, y: 8.994), control1: CGPoint(x: 13.417, y: 10.741), control2: CGPoint(x: 13.764, y: 9.908))
        p.addCurve(to: CGPoint(x: 13.913, y: 6.982), control1: CGPoint(x: 14.031, y: 8.319), control2: CGPoint(x: 14.029, y: 7.648))
        p.addCurve(to: CGPoint(x: 12.346, y: 6.849), control1: CGPoint(x: 13.388, y: 7.031), control2: CGPoint(x: 12.866, y: 6.987))
        p.addCurve(to: CGPoint(x: 10.318, y: 5.682), control1: CGPoint(x: 11.565, y: 6.642), control2: CGPoint(x: 10.889, y: 6.253))
        p.addCurve(to: CGPoint(x: 9.151, y: 3.654), control1: CGPoint(x: 9.747, y: 5.111), control2: CGPoint(x: 9.358, y: 4.435))
        p.addCurve(to: CGPoint(x: 9.018, y: 2.087), control1: CGPoint(x: 9.013, y: 3.134), control2: CGPoint(x: 8.969, y: 2.612))
        p.addCurve(to: CGPoint(x: 7.006, y: 2.083), control1: CGPoint(x: 8.352, y: 1.971), control2: CGPoint(x: 7.681, y: 1.969))
        p.addCurve(to: CGPoint(x: 4.506, y: 3.122), control1: CGPoint(x: 6.092, y: 2.236), control2: CGPoint(x: 5.259, y: 2.583))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.707, y: 5.293))
        p.addCurve(to: CGPoint(x: 6, y: 6), control1: CGPoint(x: 5.902, y: 5.488), control2: CGPoint(x: 6, y: 5.724))
        p.addCurve(to: CGPoint(x: 5.707, y: 6.707), control1: CGPoint(x: 6, y: 6.276), control2: CGPoint(x: 5.902, y: 6.512))
        p.addCurve(to: CGPoint(x: 5, y: 7), control1: CGPoint(x: 5.512, y: 6.902), control2: CGPoint(x: 5.276, y: 7))
        p.addCurve(to: CGPoint(x: 4.293, y: 6.707), control1: CGPoint(x: 4.724, y: 7), control2: CGPoint(x: 4.488, y: 6.902))
        p.addCurve(to: CGPoint(x: 4, y: 6), control1: CGPoint(x: 4.098, y: 6.512), control2: CGPoint(x: 4, y: 6.276))
        p.addCurve(to: CGPoint(x: 4.293, y: 5.293), control1: CGPoint(x: 4, y: 5.724), control2: CGPoint(x: 4.098, y: 5.488))
        p.addCurve(to: CGPoint(x: 5, y: 5), control1: CGPoint(x: 4.488, y: 5.098), control2: CGPoint(x: 4.724, y: 5))
        p.addCurve(to: CGPoint(x: 5.707, y: 5.293), control1: CGPoint(x: 5.276, y: 5), control2: CGPoint(x: 5.512, y: 5.098))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.707, y: 9.293))
        p.addCurve(to: CGPoint(x: 11, y: 10), control1: CGPoint(x: 10.902, y: 9.488), control2: CGPoint(x: 11, y: 9.724))
        p.addCurve(to: CGPoint(x: 10.707, y: 10.707), control1: CGPoint(x: 11, y: 10.276), control2: CGPoint(x: 10.902, y: 10.512))
        p.addCurve(to: CGPoint(x: 10, y: 11), control1: CGPoint(x: 10.512, y: 10.902), control2: CGPoint(x: 10.276, y: 11))
        p.addCurve(to: CGPoint(x: 9.293, y: 10.707), control1: CGPoint(x: 9.724, y: 11), control2: CGPoint(x: 9.488, y: 10.902))
        p.addCurve(to: CGPoint(x: 9, y: 10), control1: CGPoint(x: 9.098, y: 10.512), control2: CGPoint(x: 9, y: 10.276))
        p.addCurve(to: CGPoint(x: 9.293, y: 9.293), control1: CGPoint(x: 9, y: 9.724), control2: CGPoint(x: 9.098, y: 9.488))
        p.addCurve(to: CGPoint(x: 10, y: 9), control1: CGPoint(x: 9.488, y: 9.098), control2: CGPoint(x: 9.724, y: 9))
        p.addCurve(to: CGPoint(x: 10.707, y: 9.293), control1: CGPoint(x: 10.276, y: 9), control2: CGPoint(x: 10.512, y: 9.098))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.293, y: 10.293))
        p.addCurve(to: CGPoint(x: 5, y: 10), control1: CGPoint(x: 4.488, y: 10.098), control2: CGPoint(x: 4.724, y: 10))
        p.addCurve(to: CGPoint(x: 5.707, y: 10.293), control1: CGPoint(x: 5.276, y: 10), control2: CGPoint(x: 5.512, y: 10.098))
        p.addCurve(to: CGPoint(x: 6, y: 11), control1: CGPoint(x: 5.902, y: 10.488), control2: CGPoint(x: 6, y: 10.724))
        p.addCurve(to: CGPoint(x: 5.707, y: 11.707), control1: CGPoint(x: 6, y: 11.276), control2: CGPoint(x: 5.902, y: 11.512))
        p.addCurve(to: CGPoint(x: 5, y: 12), control1: CGPoint(x: 5.512, y: 11.902), control2: CGPoint(x: 5.276, y: 12))
        p.addCurve(to: CGPoint(x: 4.293, y: 11.707), control1: CGPoint(x: 4.724, y: 12), control2: CGPoint(x: 4.488, y: 11.902))
        p.addCurve(to: CGPoint(x: 4, y: 11), control1: CGPoint(x: 4.098, y: 11.512), control2: CGPoint(x: 4, y: 11.276))
        p.addCurve(to: CGPoint(x: 4.293, y: 10.293), control1: CGPoint(x: 4, y: 10.724), control2: CGPoint(x: 4.098, y: 10.488))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// CookieIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val CookieIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "cookie", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(CookieIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_cookie.xml · Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "cookie" (line-round), MIT. https://gentleface.com/icons/cookie
import 'package:flutter/widgets.dart';

class CookieIcon extends StatelessWidget {
  const CookieIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _CookieIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _CookieIconPainter extends CustomPainter {
  _CookieIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(10.072, 1.796)
      ..cubicTo(9.961, 2.333, 9.976, 2.867, 10.117, 3.398)
      ..cubicTo(10.278, 4.005, 10.581, 4.531, 11.025, 4.975)
      ..cubicTo(11.469, 5.419, 11.995, 5.722, 12.602, 5.883)
      ..cubicTo(13.133, 6.024, 13.667, 6.039, 14.204, 5.928)
      ..cubicTo(14.338, 5.901, 14.46, 5.922, 14.572, 5.993)
      ..cubicTo(14.684, 6.063, 14.756, 6.164, 14.79, 6.297)
      ..cubicTo(15.027, 7.243, 15.065, 8.198, 14.903, 9.16)
      ..cubicTo(14.724, 10.225, 14.32, 11.197, 13.691, 12.076)
      ..cubicTo(13.062, 12.954, 12.272, 13.65, 11.32, 14.162)
      ..cubicTo(10.461, 14.625, 9.546, 14.897, 8.573, 14.977)
      ..cubicTo(7.6, 15.056, 6.653, 14.938, 5.729, 14.622)
      ..cubicTo(4.707, 14.271, 3.814, 13.714, 3.05, 12.95)
      ..cubicTo(2.286, 12.186, 1.729, 11.293, 1.378, 10.271)
      ..cubicTo(1.062, 9.347, 0.944, 8.4, 1.023, 7.427)
      ..cubicTo(1.103, 6.454, 1.375, 5.539, 1.838, 4.68)
      ..cubicTo(2.35, 3.728, 3.046, 2.938, 3.924, 2.309)
      ..cubicTo(4.803, 1.68, 5.775, 1.276, 6.84, 1.097)
      ..cubicTo(7.802, 0.935, 8.757, 0.973, 9.703, 1.21)
      ..cubicTo(9.836, 1.244, 9.937, 1.316, 10.007, 1.428)
      ..cubicTo(10.078, 1.54, 10.099, 1.662, 10.072, 1.796)
      ..close()
      ..moveTo(4.506, 3.122)
      ..cubicTo(3.753, 3.661, 3.157, 4.339, 2.718, 5.154)
      ..cubicTo(2.321, 5.89, 2.089, 6.675, 2.02, 7.509)
      ..cubicTo(1.952, 8.343, 2.053, 9.155, 2.324, 9.946)
      ..cubicTo(2.625, 10.822, 3.102, 11.588, 3.757, 12.243)
      ..cubicTo(4.412, 12.898, 5.178, 13.375, 6.054, 13.676)
      ..cubicTo(6.845, 13.947, 7.657, 14.048, 8.491, 13.98)
      ..cubicTo(9.325, 13.911, 10.11, 13.679, 10.846, 13.282)
      ..cubicTo(11.661, 12.843, 12.339, 12.247, 12.878, 11.494)
      ..cubicTo(13.417, 10.741, 13.764, 9.908, 13.917, 8.994)
      ..cubicTo(14.031, 8.319, 14.029, 7.648, 13.913, 6.982)
      ..cubicTo(13.388, 7.031, 12.866, 6.987, 12.346, 6.849)
      ..cubicTo(11.565, 6.642, 10.889, 6.253, 10.318, 5.682)
      ..cubicTo(9.747, 5.111, 9.358, 4.435, 9.151, 3.654)
      ..cubicTo(9.013, 3.134, 8.969, 2.612, 9.018, 2.087)
      ..cubicTo(8.352, 1.971, 7.681, 1.969, 7.006, 2.083)
      ..cubicTo(6.092, 2.236, 5.259, 2.583, 4.506, 3.122)
      ..close()
      ..moveTo(5.707, 5.293)
      ..cubicTo(5.902, 5.488, 6, 5.724, 6, 6)
      ..cubicTo(6, 6.276, 5.902, 6.512, 5.707, 6.707)
      ..cubicTo(5.512, 6.902, 5.276, 7, 5, 7)
      ..cubicTo(4.724, 7, 4.488, 6.902, 4.293, 6.707)
      ..cubicTo(4.098, 6.512, 4, 6.276, 4, 6)
      ..cubicTo(4, 5.724, 4.098, 5.488, 4.293, 5.293)
      ..cubicTo(4.488, 5.098, 4.724, 5, 5, 5)
      ..cubicTo(5.276, 5, 5.512, 5.098, 5.707, 5.293)
      ..close()
      ..moveTo(10.707, 9.293)
      ..cubicTo(10.902, 9.488, 11, 9.724, 11, 10)
      ..cubicTo(11, 10.276, 10.902, 10.512, 10.707, 10.707)
      ..cubicTo(10.512, 10.902, 10.276, 11, 10, 11)
      ..cubicTo(9.724, 11, 9.488, 10.902, 9.293, 10.707)
      ..cubicTo(9.098, 10.512, 9, 10.276, 9, 10)
      ..cubicTo(9, 9.724, 9.098, 9.488, 9.293, 9.293)
      ..cubicTo(9.488, 9.098, 9.724, 9, 10, 9)
      ..cubicTo(10.276, 9, 10.512, 9.098, 10.707, 9.293)
      ..close()
      ..moveTo(4.293, 10.293)
      ..cubicTo(4.488, 10.098, 4.724, 10, 5, 10)
      ..cubicTo(5.276, 10, 5.512, 10.098, 5.707, 10.293)
      ..cubicTo(5.902, 10.488, 6, 10.724, 6, 11)
      ..cubicTo(6, 11.276, 5.902, 11.512, 5.707, 11.707)
      ..cubicTo(5.512, 11.902, 5.276, 12, 5, 12)
      ..cubicTo(4.724, 12, 4.488, 11.902, 4.293, 11.707)
      ..cubicTo(4.098, 11.512, 4, 11.276, 4, 11)
      ..cubicTo(4, 10.724, 4.098, 10.488, 4.293, 10.293)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_CookieIconPainter old) => old.color != color;
}
```