Zum Inhalt springen

Angeschlagenes Ladekabel Icon

Am Ladepunkt angeschlagenes Ladekabel (Kabel mit Stecker vorhanden, kein eigenes Kabel nötig)

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

<ChargingCable size={24} title="Angeschlagenes 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">
  <rect width="6.5" height="8" x="13" y="3.5" rx="2"/>
  <path d="M19.5 6H22m-2.5 3H22"/>
  <path d="M13 6.25h-.75a1.25 1.25 0 0 0 0 2.5H13"/>
  <path d="M11 7.5H7A3.25 3.25 0 0 0 7 14h8a3.25 3.25 0 0 1 0 6.5H3"/>
</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-cable" /></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
ChargingCable
SVG-Datei
charging-cable.svg
Kategorie
Ladestationen
Seit Version
0.2.0
Suchbegriffe
ladekabel, angeschlagenes kabel, festes kabel, kabel, stecker, laden, charging cable, tethered cable, attached cable, cable, plug, charging

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

Weitere Icons: Ladestationen