Ladepunkt belegt Icon

Belegt: der Ladepunkt wird gerade von einem anderen Fahrzeug genutzt

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

<StatusOccupied size={24} title="Ladepunkt belegt" />

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">
  <circle cx="12" cy="12" r="9"/>
  <path d="M12 8.5V12h2.5"/>
  <path d="M12 5.75h.01M18.25 12h.01M12 18.25h.01M5.75 12h.01"/>
</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-status-occupied" /></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: StatusOccupied
SVG-Datei: status-occupied.svg
Kategorie: Status
Seit Version: 0.1.0
Suchbegriffe: belegt, in benutzung, besetzt, occupied, in use, busy, charging

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