The Phosphor cookie icon depicts a simple, circular cookie, often used to represent user preferences, privacy settings, or website cookies in UI.
Common uses
- Privacy settings toggle
- Website cookie consent banner
- User profile preferences
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Cookie } from '@phosphor-icons/react';
<Cookie size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Cookie size={24} />thin
<Cookie size={24} weight="thin" />light
<Cookie size={24} weight="light" />bold
<Cookie size={24} weight="bold" />fill
<Cookie size={24} weight="fill" />duotone
<Cookie size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- privacydessertfooddiningmaps & travelobjectstechnology & developmentcookiebiscuitpreferencessweet
FAQ
- What is the Phosphor cookie icon used for?
- It's commonly used for privacy settings, website cookie notices, or general user preferences within an application.
- How do I use the cookie icon in React?
- You can import and use it like this: `import { Cookie } from '@phosphor-icons/react'`. Then render it as `<Cookie />`.
- What is the license for the Phosphor cookie icon?
- The Phosphor icon library, including the cookie icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.