Ladepunkt frei Icon

Frei: der Ladepunkt ist frei und betriebsbereit

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

<StatusAvailable size={24} title="Ladepunkt frei" />

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.25 6.25V8m2.5-1.75V8"/>
  <rect width="5.5" height="3.5" x="10.75" y="8" rx="1.25"/>
  <path d="M6.25 11.5A1 1 0 0 1 8 10.85L10.5 14h5a1.5 1.5 0 0 1 0 3h-6a3.25 3.25 0 0 1-3.25-3.25Z"/>
</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-available" /></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: StatusAvailable
SVG-Datei: status-available.svg
Kategorie: Status
Seit Version: 0.1.0
Suchbegriffe: frei, verfügbar, betriebsbereit, hand, stecker, available, free, ready, vacant, plug

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