Ladetarif Icon

Ladetarif: der Preis fürs Laden, zum Beispiel je kWh

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

<ChargingTariff size={24} title="Ladetarif" />

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="M4.5 2.5h5.672a2 2 0 0 1 1.414.586l7.5 7.5a2 2 0 0 1 0 2.828l-5.672 5.672a2 2 0 0 1-2.828 0l-7.5-7.5a2 2 0 0 1-.586-1.414V4.5a2 2 0 0 1 2-2"/>
  <circle cx="6.5" cy="6.5" r="1.25"/>
  <path d="M13.5 9.5 10.75 13h1.5l-.5 3 3-4H13ZM12.25 13l.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-tariff" /></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: ChargingTariff
SVG-Datei: charging-tariff.svg
Kategorie: Bezahlen
Seit Version: 0.2.0
Suchbegriffe: ladetarif, tarif, preis, preis je kwh, kosten, strompreis, charging tariff, tariff, price, price per kwh, cost, rate

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