What does the battery empty icon signify?

It signifies that a device's battery is completely depleted or has no charge remaining.

How do I use the battery empty icon in React?

Import it as `BatteryEmpty` from '@phosphor-icons/react' and use it as a component: ` `.

The Phosphor icon library, including this icon, is available under the MIT license.

Phosphor · battery-empty · MIT

The Phosphor battery empty icon visually represents a device with no remaining power, commonly used to indicate a depleted battery status.

Install

npm i @phosphor-icons/react

Import & render

import { BatteryEmpty } from '@phosphor-icons/react';

<BatteryEmpty size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<BatteryEmpty size={24} />

thin

<BatteryEmpty size={24} weight="thin" />

light

<BatteryEmpty size={24} weight="light" />

bold

<BatteryEmpty size={24} weight="bold" />

fill

<BatteryEmpty size={24} weight="fill" />

duotone

<BatteryEmpty size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: chargedchargerchargingpowerdeadsystembatteryemptypower offno powerdischargedzero battery

What does the battery empty icon signify?: It signifies that a device's battery is completely depleted or has no charge remaining.
How do I use the battery empty icon in React?: Import it as `BatteryEmpty` from '@phosphor-icons/react' and use it as a component: `<BatteryEmpty />`.
What is the license for this icon?: The Phosphor icon library, including this icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →