The Phosphor planet icon depicts a celestial body, often resembling Saturn, and is typically used to represent concepts related to space, astronomy, or global themes in UI.
Common uses
- Representing space or astronomy sections.
- Indicating global or worldwide features.
- Illustrating nature or environmental topics with a cosmic connection.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Planet } from '@phosphor-icons/react';
<Planet size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Planet size={24} />thin
<Planet size={24} weight="thin" />light
<Planet size={24} weight="light" />bold
<Planet size={24} weight="bold" />fill
<Planet size={24} weight="fill" />duotone
<Planet size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- nature
- Keywords
- saturnworldglobeastronomyspacenatureplanet
FAQ
- What does the planet icon represent?
- It visually represents a planet, often stylized like Saturn, and is used for themes related to space, astronomy, or global concepts.
- How do I use the planet icon in React?
- You can import and use it in React with: import { Planet } from '@phosphor-icons/react'.
- What is the license for the Phosphor planet icon?
- The Phosphor icon library, including the planet 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 →