The Lucide leaf icon depicts a single leaf, commonly used to represent concepts related to nature, sustainability, or organic elements in a user interface.
Common uses
- Environmental impact indicator
- Organic product labeling
- Nature-themed website navigation
Use it in React
Install
npm i lucide-reactImport & render
import { Leaf } from 'lucide-react';
<Leaf size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- sustainabilitynatureenergyplantautumnleaffoliagegreenorganic
FAQ
- What is the leaf icon used for?
- It's typically used to signify nature, sustainability, organic products, or environmental themes within an application's UI.
- How do I use the leaf icon in React?
- You can import and use it like this: import { Leaf } from 'lucide-react' and then render <Leaf />.
- What is the license for the Lucide leaf icon?
- The Lucide icon library, including the leaf icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →