Kartenmarker Ladepunkt belegt Icon

Kartenmarker: der Ladepunkt ist belegt

Auf hellem Grund

Auf dunklem Grund

Größen

SVG herunterladen In der Galerie öffnen Quelle auf GitHub

Verwenden

Installieren

Shell

npm i @evicons/react

React

TSX

import { MarkerOccupied } from '@evicons/react'

<MarkerOccupied size={24} title="Kartenmarker Ladepunkt belegt" />

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="M12 7.5V10h2"/>
  <path d="M12 5h.01M17 10h.01M12 15h.01M7 10h.01"/>
</svg>

Sprite

HTML

<!-- sprite.svg aus @evicons/svg in den public-Ordner der App kopieren -->
<svg width="24" height="24" aria-hidden="true"><use href="/sprite.svg#evicon-marker-occupied" /></svg>

Kartenmarker: Der erste Pfad ist die Nadel. Fülle ihn per CSS, das Symbol darin wird weiß (siehe Doku „Map markers“). Anleitung (Englisch)

Details

React-Komponente: MarkerOccupied
SVG-Datei: marker-occupied.svg
Kategorie: Kartenmarker
Seit Version: 0.2.0
Suchbegriffe: marker, kartenpin, belegt, besetzt, in benutzung, uhr, status, map pin, occupied, in use, busy, clock

MIT-Lizenz, frei auch für kommerzielle Apps. Ohne Namensnennung im UI, die Lizenzdatei gehört in den Code.