Battery charging icon

Battery charging: the vehicle battery is being charged

On a light background

On a dark background

Sizes

Download SVG Open in the gallery Source on GitHub

Use it

Install

Shell

npm i @evicons/react

React

TSX

import { BatteryCharging } from '@evicons/react'

<BatteryCharging size={24} title="Battery charging" />

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
  <rect width="17" height="10.5" x="2.25" y="6.75" rx="1.75"/>
  <path d="M21.75 10v4"/>
  <path d="m11.5 8.75-2.75 3.5h1.5l-.5 3 3-4H11Zm-1.25 3.5.75-1"/>
</svg>

Sprite

HTML

<!-- Copy sprite.svg from @evicons/svg to your app's public folder -->
<svg width="24" height="24" aria-hidden="true"><use href="/sprite.svg#evicon-battery-charging" /></svg>

Icons supplement text, they do not replace it. Without a visible label, give the icon a title or an aria-label. Read the docs

Details

React component: BatteryCharging
SVG file: battery-charging.svg
Category: Energy
Since version: 0.2.0
Search terms: battery charging, battery, charging, state of charge, soc, charge level, akku lädt, akku, batterie, laden, ladestand

MIT licence: free for commercial apps too. No credit needed in the UI; keep the licence file in your code.