The Phosphor potted plant icon depicts a small plant in a pot, commonly used to represent concepts like growth, nature, or organic products in user interfaces.
Common uses
- E-commerce product listing for plants
- Nature or gardening blog section
- Organic food or vegan product tag
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { PottedPlant } from '@phosphor-icons/react';
<PottedPlant size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<PottedPlant size={24} />thin
<PottedPlant size={24} weight="thin" />light
<PottedPlant size={24} weight="light" />bold
<PottedPlant size={24} weight="bold" />fill
<PottedPlant size={24} weight="fill" />duotone
<PottedPlant size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- sproutvegangardengardeningcommercenaturepottedplantseedlinghouseplantflora
FAQ
- What is the potted plant icon used for?
- It's used to visually represent plants, growth, nature, or commerce related to these themes in UI elements.
- How do I use the potted plant icon in React?
- You can import it directly from the library: import { PottedPlant } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the potted 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 →