Skip to content

Electric car plugged in icon

Electric car connected to a charging cable

Electric car plugged in: EVicons outline icon
On a light background
On a dark background

Sizes

  • 16
  • 20
  • 24
  • 32
  • 48

Use it

Install

Shell
npm i @evicons/react

React

TSX
import { CarPlugged } from '@evicons/react'

<CarPlugged size={24} title="Electric car plugged in" />

SVG

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">
  <path d="M7 17h-.25a1.25 1.25 0 0 1-1.25-1.25v-2.525a1.25 1.25 0 0 1 .63-1.085l.857-.49a1 1 0 0 0 .398-.421l1.7-3.4A1.5 1.5 0 0 1 10.427 7h4.269a1.5 1.5 0 0 1 1.191.589l2.554 3.339a1.25 1.25 0 0 0 .634.438l1.272.382a1.5 1.5 0 0 1 1.032 1.107l.59 2.621A1.25 1.25 0 0 1 20.75 17h-.25"/>
  <path d="M11 17h5.5"/>
  <circle cx="9" cy="17" r="2"/>
  <circle cx="18.5" cy="17" r="2"/>
  <path d="M7.25 11.5h11.437"/>
  <path d="M5.594 12.75H4.75A1.25 1.25 0 0 0 3.5 14v.5a1.25 1.25 0 0 0 1.25 1.25h.75"/>
  <path d="M3.5 14.25a1.5 1.5 0 0 0-1.5 1.5v4.5"/>
</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-car-plugged" /></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
CarPlugged
SVG file
car-plugged.svg
Category
Vehicles
Since version
0.1.0
Search terms
electric car, ev, plugged in, charging, car charging, cable, e-auto, elektroauto, angeschlossen, laden, ladekabel

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

More vehicles