The Phosphor plant icon depicts a young sprout, commonly used to represent concepts like growth, nature, or organic products in user interfaces.
Common uses
- Indicate organic or vegan product options.
- Represent a 'new' or 'growing' feature.
- Symbolize a gardening or farming-related section.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Plant } from '@phosphor-icons/react';
<Plant size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Plant size={24} />thin
<Plant size={24} weight="thin" />light
<Plant size={24} weight="light" />bold
<Plant size={24} weight="bold" />fill
<Plant size={24} weight="fill" />duotone
<Plant size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- sproutveganfarmfarminggardengardeningcommercenatureplantseedlinggrowth
FAQ
- What does the plant icon represent?
- It visually signifies a young plant or sprout, often used for themes of nature, growth, or organic products.
- How do I use the plant icon in React?
- Import it from the library and use it as a component: import { Plant } from '@phosphor-icons/react'; <Plant />
- What is the license for this icon?
- The Phosphor icon set, including the plant icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →