Skip to content

Unknown status map marker icon

Map marker: the status of the charging point is unknown

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

<MarkerUnknown size={24} title="Unknown status map marker" />

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">
  <path d="m12 22-5.855-7.312a7.5 7.5 0 1 1 11.71 0Z"/>
  <path d="M9.5 7.625a2.5 2.5 0 1 1 3.75 2.165c-.75.43-1.25.95-1.25 1.835v.5"/>
  <path d="M12 14.875h.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-marker-unknown" /></svg>

Map marker: the first path is the pin. Fill it with CSS and the sign inside turns white (see the map markers docs). Read the docs

Details

React component
MarkerUnknown
SVG file
marker-unknown.svg
Category
Map markers
Since version
0.2.0
Search terms
marker, map pin, unknown, no data, offline, question mark, status, kartenpin, unbekannt, keine daten, fragezeichen

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

More map markers