The Tabler cookie icon depicts a stylized cookie, commonly used in UIs to represent food-related settings, user preferences, or a sweet treat.
Common uses
- User settings or preferences menu
- Food or recipe application section
- A "sweet deal" or special offer indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCookie } from '@tabler/icons-react';
<IconCookie size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCookie size={24} stroke={2} />filled
<IconCookieFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- biscuittreatdessertsnacksweetbakeconfectiondoughpastrycrumbfoodcookie
FAQ
- What does the cookie icon represent?
- It visually represents a cookie, often used for food items, settings, or sweet-related concepts in user interfaces.
- How do I use the cookie icon in React?
- Import it using `import { IconCookie } from '@tabler/icons-react'` and then use it as a component: `<IconCookie />`.
- What is the license for this icon?
- The Tabler icon library, including the cookie icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →