Charging queue icon

Queue: cars are queuing at this station; you would have to wait

On a light background

On a dark background

Sizes

Download SVG Open in the gallery Source on GitHub

Use it

Install

Shell

npm i @evicons/react

React

TSX

import { StatusQueue } from '@evicons/react'

<StatusQueue size={24} title="Charging queue" />

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

<!-- Copy sprite.svg from @evicons/svg to your app's public folder -->
<svg width="24" height="24" aria-hidden="true"><use href="/sprite.svg#evicon-status-queue" /></svg>

Icons supplement text, they do not replace it. Without a visible label, give the icon a title or an aria-label. Read the docs

Details

React component: StatusQueue
SVG file: status-queue.svg
Category: Status
Since version: 0.1.0
Search terms: queue, waiting, waiting time, line, cars waiting, warteschlange, warten, wartezeit, autos warten

MIT licence: free for commercial apps too. No credit needed in the UI; keep the licence file in your code.