The Heroicons battery 0 icon depicts an empty battery, commonly used to indicate a completely depleted power level or a device that is turned off.
Common uses
- Displaying critically low battery status
- Indicating a device is powered down
- Representing a 'no power' state in a system
Use it in React
Install
npm i @heroicons/reactImport & render
import { Battery0Icon } from '@heroicons/react/24/outline';
<Battery0Icon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<Battery0Icon className="size-6" />24/solid
<Battery0Icon className="size-6" />20/solid
<Battery0Icon className="size-6" />16/solid
<Battery0Icon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- battery0empty batteryno powerpower offlow battery
FAQ
- What does the battery 0 icon represent?
- It represents a completely empty battery, signifying zero power remaining or a device that is off.
- How do I use the battery 0 icon in React?
- You can import and use it with: import { Battery0Icon } from '@heroicons/react/24/outline'
- What is the license for this icon?
- This icon is from the Heroicons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →