Zum Inhalt springen

Ladesäule Icon

Ladesäule: öffentlicher oder privater Ladepunkt für Elektrofahrzeuge

Ladesäule: 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 { ChargingStation } from '@evicons/react'

<ChargingStation size={24} title="Ladesäule" />

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="11.25" height="17.25" x="3.25" y="2.5" rx="2.75"/>
  <path d="M2 21.75h14.25"/>
  <rect width="6.25" height="9" x="5.75" y="5" rx="1.25"/>
  <path d="M10 7 7.75 9.9 10 9.4 7.75 12"/>
  <path d="M14.5 6h2.25a2.5 2.5 0 0 1 2.5 2.5V11"/>
  <rect width="4.5" height="4.5" x="17" y="11" rx="1.25"/>
  <path d="M18 15.5v2m2.5-2v2"/>
</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-station" /></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
ChargingStation
SVG-Datei
charging-station.svg
Kategorie
Ladestationen
Seit Version
0.1.0
Suchbegriffe
ladesäule, ladestation, ladepunkt, stromtankstelle, e-tankstelle, charging station, charge point, charger, ev station, evse, charging pole

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

Weitere Icons: Ladestationen