Zum Inhalt springen

E-Auto am Ladekabel Icon

E-Auto am Ladekabel (angeschlossen)

E-Auto am Ladekabel: EVicons-Kontur-Icon
Auf hellem Grund
Auf dunklem Grund

Größen

  • 16
  • 20
  • 24
  • 32
  • 48

Verwenden

Installieren

Shell
npm i @evicons/react

React

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

<CarPlugged size={24} title="E-Auto am Ladekabel" />

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
<!-- sprite.svg aus @evicons/svg in den public-Ordner der App kopieren -->
<svg width="24" height="24" aria-hidden="true"><use href="/sprite.svg#evicon-car-plugged" /></svg>

Icons ergänzen Text, sie ersetzen ihn nicht. Ohne sichtbare Beschriftung braucht das Icon einen title oder ein aria-label. Anleitung (Englisch)

Details

React-Komponente
CarPlugged
SVG-Datei
car-plugged.svg
Kategorie
Fahrzeuge
Seit Version
0.1.0
Suchbegriffe
e-auto, elektroauto, angeschlossen, laden, ladekabel, electric car, ev, plugged in, charging, car charging, cable

MIT-Lizenz, frei auch für kommerzielle Apps. Ohne Namensnennung im UI, die Lizenzdatei gehört in den Code.

Weitere Icons: Fahrzeuge