The Phosphor battery warning vertical icon depicts a vertical battery symbol with a warning indicator, commonly used to signify low power or a critical battery level in a user interface.
Common uses
- Low battery indicator
- Critical power alert
- Device status display
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { BatteryWarningVertical } from '@phosphor-icons/react';
<BatteryWarningVertical size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<BatteryWarningVertical size={24} />thin
<BatteryWarningVertical size={24} weight="thin" />light
<BatteryWarningVertical size={24} weight="light" />bold
<BatteryWarningVertical size={24} weight="bold" />fill
<BatteryWarningVertical size={24} weight="fill" />duotone
<BatteryWarningVertical size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- chargedchargerchargingpoweremptycriticalsystembatterywarningverticallow batterypower criticalempty batterycharging warning
FAQ
- What does the battery warning vertical icon represent?
- It represents a battery that is critically low on power or has a warning state. It's used to alert users about the device's power status.
- How do I use this icon in React?
- You can import and use it like this: import { BatteryWarningVertical } from '@phosphor-icons/react'. Then render it as <BatteryWarningVertical size={32} />.
- What is the license for this icon?
- The Phosphor icon library, including the battery warning vertical 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 →