Zum Inhalt springen

Kartenmarker AC-Ladepunkt Icon

Kartenmarker für einen AC-Ladepunkt

Auf hellem Grund
Auf dunklem Grund

Größen

  • 16
  • 20
  • 24
  • 32
  • 48

Verwenden

Installieren

Shell
npm i @evicons/react

React

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

<MarkerAc size={24} title="Kartenmarker AC-Ladepunkt" />

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="m7.227 12.625 1.968-5.25 1.969 5.25m-3.196-1.969h2.454"/>
  <path d="M16.773 8.425c-.459-.656-1.05-1.05-1.706-1.05-1.115 0-1.903 1.181-1.903 2.625s.788 2.625 1.903 2.625c.656 0 1.247-.394 1.706-1.05"/>
</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-ac" /></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
MarkerAc
SVG-Datei
marker-ac.svg
Kategorie
Kartenmarker
Seit Version
0.2.0
Suchbegriffe
marker, kartenpin, ac, wechselstrom, ac-laden, normalladen, standort, map pin, alternating current, ac charging, normal charging, location

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

Weitere Icons: Kartenmarker