Unknown status map marker icon
Map marker: the status of the charging point is unknown
Sizes
- 16
- 20
- 24
- 32
- 48
Use it
Install
Shell
npm i @evicons/reactReact
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.