The Tabler power icon depicts a circle with a vertical line intersecting the top, commonly used to represent power on/off states or controls in user interfaces.
Common uses
- Power button for devices
- Logout button
- System shutdown control
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPower } from '@tabler/icons-react';
<IconPower size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Devices
- Keywords
- onoffturn onturn offelectricitypowerhardwaretechnologyelectronicgadgetdeviceson offlogoutshutdown
FAQ
- What does the power icon represent?
- It visually signifies power controls, such as turning a device on or off, or initiating a logout or shutdown sequence.
- How do I use the power icon in React?
- You can import and use it directly from the '@tabler/icons-react' library like this: import { IconPower } from '@tabler/icons-react'.
- What is the license for the Tabler power icon?
- The Tabler icon library, including the power icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →