The Tabler cannabis icon depicts a cannabis leaf, commonly used in UIs to represent topics related to marijuana, CBD, or the natural world.
Common uses
- Labeling a section about cannabis products.
- Indicating a category for natural or organic items.
- Representing medical marijuana services.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCannabis } from '@tabler/icons-react';
<IconCannabis size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCannabis size={24} stroke={2} />filled
<IconCannabisFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Nature
- Keywords
- marijuanaweeddrugcbdmedicalcannabisenvironmentnaturaloutdoorecosystemnature
FAQ
- What does the cannabis icon represent?
- The icon represents a cannabis leaf, often used for themes related to marijuana, CBD, or nature.
- How do I use the cannabis icon in React?
- You can import and use it with: import { IconCannabis } from '@tabler/icons-react'
- What is the license for the Tabler cannabis icon?
- The Tabler icon set, including the cannabis 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 →