The Tabler chocolate icon depicts a stylized bar of chocolate, commonly used to represent food items, sweets, or dessert-related options in user interfaces.
Common uses
- Representing a chocolate product in an e-commerce store.
- As an option in a food or dessert category filter.
- Indicating a sweet treat in a recipe or menu.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChocolate } from '@tabler/icons-react';
<IconChocolate size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- chocolatesweetcandydessertcocoaconfectiontreatfoodsnacksugar
FAQ
- What does the chocolate icon represent?
- The icon represents a bar of chocolate, suitable for use in contexts related to food, sweets, or desserts.
- How do I use the chocolate icon in React?
- You can import and use it in your React application with: import { IconChocolate } from '@tabler/icons-react'
- What is the license for the Tabler chocolate icon?
- The Tabler icons, including the chocolate icon, are distributed 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 →