The Phosphor meteor icon depicts a streaking celestial body and is commonly used to represent events, alerts, or natural phenomena in user interfaces.
Common uses
- Alerting for a new feature release
- Indicating a fast-moving process
- Representing astronomical events
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Meteor } from '@phosphor-icons/react';
<Meteor size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Meteor size={24} />thin
<Meteor size={24} weight="thin" />light
<Meteor size={24} weight="light" />bold
<Meteor size={24} weight="bold" />fill
<Meteor size={24} weight="fill" />duotone
<Meteor size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- weather
- Keywords
- *new*astronomyasteroidfireballweathernaturemeteorcometshooting star
FAQ
- What is the meteor icon used for?
- It's used to visually represent meteors, comets, or fast-moving celestial events. It can also symbolize newness or rapid occurrences in a UI.
- How do I use the meteor icon in React?
- You can import and use it like this: import { Meteor } from '@phosphor-icons/react'. Then render it as <Meteor size={24} />.
- What is the license for the Phosphor meteor icon?
- The Phosphor icon library, including the meteor 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 →