The Tabler battery charging icon visually represents a device that is actively receiving power, commonly used in UIs to indicate a charging status or the availability of charging functionality.
Common uses
- Indicate a device is currently charging.
- Show battery level with a charging indicator.
- Represent a charging port or feature.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBatteryCharging } from '@tabler/icons-react';
<IconBatteryCharging size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Devices
- Keywords
- chargeenergypowerelectricitybatterycharginghardwaretechnologyelectricelectronicdevicespowering uprechargingenergy inplugged in
FAQ
- What does the battery charging icon represent?
- This icon signifies that a battery or device is currently in the process of being charged. It's used to communicate power status.
- How do I use this icon in React?
- You can import and use it in your React application with: import { IconBatteryCharging } from '@tabler/icons-react'. Then, render it like <IconBatteryCharging />.
- What is the license for this icon?
- The Tabler icon library, including the battery charging icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →