Zum Inhalt springen

Ladetagebuch Icon

Ladetagebuch: Aufzeichnung der Ladevorgänge, zum Beispiel Ladeprotokoll oder Beleg

Ladetagebuch: 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 { ChargingLog } from '@evicons/react'

<ChargingLog size={24} title="Ladetagebuch" />

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="M16.5 13.5v-9a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2H13"/>
  <path d="M7.75 6.75h6m-6 3.5h4"/>
  <path d="M17.75 15.25 15 18.75h1.5l-.5 3 3-4h-1.75Zm-1.25 3.5.75-1"/>
</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-log" /></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
ChargingLog
SVG-Datei
charging-log.svg
Kategorie
Bezahlen
Seit Version
0.2.0
Suchbegriffe
ladetagebuch, protokoll, ladehistorie, ladevorgang, beleg, nachweis, charging log, log, charging history, session, receipt, record

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

Weitere Icons: Bezahlen