DC charging icon

Direct current (DC) charging

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

<CurrentDc size={24} title="DC charging" />

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="M5.5 3.75v8h2c2.2 0 3.5-1.8 3.5-4s-1.3-4-3.5-4Z"/>
  <path d="M18.5 5.35c-.7-1-1.6-1.6-2.6-1.6-1.7 0-2.9 1.8-2.9 4s1.2 4 2.9 4c1 0 1.9-.6 2.6-1.6"/>
  <path d="M5.5 16.25h13"/>
  <path d="M5.5 19.25h2.25m3.125 0h2.25m3.125 0h2.25"/>
</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-current-dc" /></svg>

Icons supplement text, they do not replace it. Without a visible label, give the icon a title or an aria-label. Read the docs

Details

React component: CurrentDc
SVG file: current-dc.svg
Category: Power
Since version: 0.1.0
Search terms: dc, direct current, dc charging, fast charging, gleichstrom, dc-laden, schnellladen

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