Zum Inhalt springen

Kontur-Icons fürs E-Auto-Laden.

Stecker, Ladestatus, Kartenmarker und die Begriffe rund ums Laden: 43 Icons, ein Strich, MIT-Lizenz.

npm i @evicons/react

All 43 icons

Alle 43 Icons im 24-×-24-Raster mit 1,5er Strich. Zur Galerie

Gezeichnet für Lade-Apps

Jedes Icon ist für eine Aufgabe in einer Lade-App gezeichnet und auf hellem und dunklem Grund in den Größen geprüft, für die es gemacht ist: 16, 20 und 24 px, Kartenmarker in 24, 32 und 40 px.

Typ 2
CCS2
CHAdeMO
Schuko

Normgerechte Stecker

Typ 2, CCS2 und CHAdeMO als Fahrzeug-Ladebuchse, Schuko als Steckdose, jeweils anhand öffentlicher Zeichnungen der Norm geprüft.

Stecker ansehen
  • Frei
  • Belegt
  • Defekt
  • Außer Betrieb

Status an der Form erkennbar

Sieben Ladezustände, die auch ohne Farbe lesbar sind: Das Zeichen im Rahmen trägt die Bedeutung. Die Farbe gibt deine App dazu.

Status-Farben in der Anleitung

Kartenmarker

Pins für Ladepunkte, gefüllt mit zwei CSS-Regeln: Die Nadel bekommt deine Farbe, das Zeichen wird weiß. Bereit für MapLibre und Leaflet.

Zur Karten-Demo

Gemacht für den deutschen Lademarkt

Gebaut vom Team hinter ladejetzt.de und charge.tn, für Betreiber-Apps, Ladekarten-Anbieter und die Agenturen, die sie bauen.

  • Auf Deutsch durchsuchbar

    Jedes Icon ist auf Englisch, Deutsch und Französisch verschlagwortet: „Ladesäule“ findet die Ladestation, „Ladekarte“ die Ladekarte.

  • Die Wörter, die Fahrer lesen

    AC, DC und kW sind im Icon-Strich gezeichnet; Ladekarten, Roaming, Tarife und das Ladetagebuch haben eigene Icons.

  • Icons neben Text

    Die Icons unterstützen eine Beschriftung, sie ersetzen sie nicht. Der Status ist an der Form erkennbar und funktioniert auch ohne Farbe.

Fang mit einem Icon an

React-Komponenten aus @evicons/react, oder SVG-Dateien und ein Sprite aus @evicons/svg.