Charger occupied icon

Occupied: the charge point is in use by another vehicle

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

<StatusOccupied size={24} title="Charger occupied" />

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

<!-- 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-occupied" /></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: StatusOccupied
SVG file: status-occupied.svg
Category: Status
Since version: 0.1.0
Search terms: occupied, in use, busy, charging, belegt, in benutzung, besetzt

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