Reichweite Icon

Reichweite: Strecke, die das Fahrzeug mit der Akkuladung fahren kann

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

<DrivingRange size={24} title="Reichweite" />

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="M2.75 21 8.5 5"/>
  <path d="M19.25 21 13.5 5"/>
  <path d="M11 20v-4m0-3v-2.5"/>
  <path d="M20.75 2.5 18 6h1.5L19 9l3-4h-1.75ZM19.5 6l.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-driving-range" /></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: DrivingRange
SVG-Datei: driving-range.svg
Kategorie: Fahrzeuge
Seit Version: 0.2.0
Suchbegriffe: reichweite, strecke, straße, km, range, driving range, distance, road

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