Zum Inhalt springen

Warteschlange an der Ladesäule Icon

Warteschlange: an dieser Station warten bereits Autos; du müsstest warten

Warteschlange an der Ladesäule: 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 { StatusQueue } from '@evicons/react'

<StatusQueue size={24} title="Warteschlange an der Ladesäule" />

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">
  <circle cx="12" cy="12" r="9"/>
  <path d="M7 11v-1a1.25 1.25 0 0 1 1.25-1.25L9.5 6.5h5l1.25 2.25A1.25 1.25 0 0 1 17 10v1"/>
  <path d="m9 13 1-2.25h4L15 13"/>
  <rect width="10" height="3.25" x="7" y="13" rx="1.25"/>
  <path d="M8.75 16.25v1m6.5-1v1"/>
</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-queue" /></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
StatusQueue
SVG-Datei
status-queue.svg
Kategorie
Status
Seit Version
0.1.0
Suchbegriffe
warteschlange, warten, wartezeit, autos warten, queue, waiting, waiting time, line, cars waiting

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

Weitere Icons: Status