The Tabler leaf icon depicts a single leaf, commonly used to represent nature, organic products, or environmental themes in UI design.
Common uses
- Environmental sustainability section
- Organic product labeling
- Gardening or nature app feature
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLeaf } from '@tabler/icons-react';
<IconLeaf size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconLeaf size={24} stroke={2} />filled
<IconLeafFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Nature
- Keywords
- natureplanttreeautumnfallgreeneryflowerforestgardenleaf
FAQ
- What does the leaf icon represent?
- The leaf icon visually represents nature, plants, and organic concepts. It's often used in contexts related to the environment, gardening, or natural products.
- How do I use the leaf icon in React?
- You can import and use the leaf icon in React with the following statement: `import { IconLeaf } from '@tabler/icons-react'`. Then, render it as `<IconLeaf />`.
- What is the license for the Tabler leaf icon?
- The Tabler leaf icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
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 →