Charging plug icon

Charging plug in general, seen from the side with its cable (no specific connector type)

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 { ChargingPlug } from '@evicons/react'

<ChargingPlug size={24} title="Charging plug" />

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="9" height="11" x="8.5" y="5.5" rx="2.5"/>
  <path d="M17.5 9h4m-4 4h4"/>
  <path d="M8.5 9H7a1.25 1.25 0 0 0-1.25 1.25v1.5A1.25 1.25 0 0 0 7 13h1.5"/>
  <path d="M5.75 11A2.75 2.75 0 0 0 3 13.75V20"/>
</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-charging-plug" /></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: ChargingPlug
SVG file: charging-plug.svg
Category: Stations
Since version: 0.2.0
Search terms: charging plug, plug, connector, cable, charging, ev charging, ladestecker, stecker, kabel, laden, e-auto laden

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