DC charging map marker icon

Map marker for a DC charging point

On a light background

On a dark background

Sizes

Download SVG Open in the gallery Source on GitHub

Use it

Install

Shell

npm i @evicons/react

React

TSX

import { MarkerDc } from '@evicons/react'

<MarkerDc size={24} title="DC charging map marker" />

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.391 7.375v5.25h1.312C10.147 12.625 11 11.444 11 10s-.853-2.625-2.297-2.625Z"/>
  <path d="M16.609 8.425c-.459-.656-1.05-1.05-1.706-1.05C13.787 7.375 13 8.556 13 10s.787 2.625 1.903 2.625c.656 0 1.247-.394 1.706-1.05"/>
</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-dc" /></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: MarkerDc
SVG file: marker-dc.svg
Category: Map markers
Since version: 0.2.0
Search terms: marker, map pin, dc, direct current, dc charging, fast charging, location, kartenpin, gleichstrom, dc-laden, schnellladen, standort

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