The Phosphor power icon depicts a circle with a vertical line at the top, commonly used to represent power on/off functions or system power states in user interfaces.
Common uses
- Power button on a device
- Toggle switch for system power
- Shutdown or restart option
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Power } from '@phosphor-icons/react';
<Power size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Power size={24} />thin
<Power size={24} weight="thin" />light
<Power size={24} weight="light" />bold
<Power size={24} weight="bold" />fill
<Power size={24} weight="fill" />duotone
<Power size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- chargedchargerchargingonoffon/offswitchpower switchsystempowerpower buttonon off
FAQ
- What is the Phosphor power icon used for?
- It's used to indicate power controls, such as turning a device on or off, or representing the system's power status.
- How do I use the power icon in React?
- You can import and use it like this: `import { Power } from '@phosphor-icons/react'`. Then render it as `<Power size={24} />`.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
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 →