Battery Pixel Art Icon
A battery icon for device power indicators, energy status displays, charge level readouts, and power management settings.
Tags
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Battery icon
A horizontal battery outline, one of the most universally recognized hardware status symbols. Use it in device power dashboards, IoT sensor status lists, and any UI that must communicate remaining charge or energy level at a glance. It works as a category icon for power settings, a label next to a percentage, or a standalone status badge. For specific charge states, battery-full, battery-medium, battery-low, and battery-warning communicate more precise meanings than the generic battery alone.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/battery.svg" width="24" height="24" alt="Battery" />
<!-- React -->
import { Battery } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="battery.svg" width="48" height="48" style="image-rendering: pixelated" />