The Lucide battery icon visually represents a power source, commonly used in UIs to indicate battery level, charging status, or power-related settings.
Common uses
- Displaying device battery percentage
- Indicating charging state (charging/charged)
- Settings for power management
Use it in React
Install
npm i lucide-reactImport & render
import { Battery } from 'lucide-react';
<Battery size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- powerelectricityenergyaccumulatorchargebattery
FAQ
- What does the battery icon signify?
- It signifies a power source, often used to show the remaining charge or power status of a device.
- How do I use the battery icon in React?
- You can import and use it like this: import { Battery } from 'lucide-react'. Then render it as <Battery />.
- What is the license for the Lucide battery icon?
- The Lucide icon library, including the battery icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.