Skip to content

Charger out of service icon

Out of service: taken out of service by the operator (for example maintenance or closure), not an error report

Charger out of service: EVicons outline icon
On a light background
On a dark background

Sizes

  • 16
  • 20
  • 24
  • 32
  • 48

Use it

Install

Shell
npm i @evicons/react

React

TSX
import { StatusOutOfService } from '@evicons/react'

<StatusOutOfService size={24} title="Charger out of service" />

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.934 7.934 8.132 8.132"/>
  <path d="m12 8.464.354-.353a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 0 1 0 1.414l-.353.354"/>
  <path d="M8.5 12.036a2.5 2.5 0 0 0 3.464 3.464"/>
  <path d="m13.945 8.288 1.237-1.238"/>
  <path d="m15.712 10.055 1.238-1.237"/>
  <path d="m8.818 15.182-.884.884"/>
</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-out-of-service" /></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
StatusOutOfService
SVG file
status-out-of-service.svg
Category
Status
Since version
0.1.0
Search terms
out of service, unavailable, inoperative, maintenance, closed, decommissioned, plug crossed out, außer betrieb, nicht verfügbar, wartung, gesperrt, stillgelegt, stecker durchgestrichen

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

More status