Ladestecker Icon

Ladestecker allgemein, Seitenansicht mit Kabel (kein bestimmter Steckertyp)

Auf hellem Grund

Auf dunklem Grund

Größen

SVG herunterladen In der Galerie öffnen Quelle auf GitHub

Verwenden

Installieren

Shell

npm i @evicons/react

React

TSX

import { ChargingPlug } from '@evicons/react'

<ChargingPlug size={24} title="Ladestecker" />

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

<!-- 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-charging-plug" /></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: ChargingPlug
SVG-Datei: charging-plug.svg
Kategorie: Ladestationen
Seit Version: 0.2.0
Suchbegriffe: ladestecker, stecker, kabel, laden, e-auto laden, charging plug, plug, connector, cable, charging, ev charging

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