Zum Inhalt springen

DC-Laden (Gleichstrom) Icon

Laden mit Gleichstrom (DC)

DC-Laden (Gleichstrom): EVicons-Kontur-Icon
Auf hellem Grund
Auf dunklem Grund

Größen

  • 16
  • 20
  • 24
  • 32
  • 48

Verwenden

Installieren

Shell
npm i @evicons/react

React

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

<CurrentDc size={24} title="DC-Laden (Gleichstrom)" />

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="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
<!-- 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-current-dc" /></svg>

Icons ergänzen Text, sie ersetzen ihn nicht. Ohne sichtbare Beschriftung braucht das Icon einen title oder ein aria-label. Anleitung (Englisch)

Details

React-Komponente
CurrentDc
SVG-Datei
current-dc.svg
Kategorie
Strom und Leistung
Seit Version
0.1.0
Suchbegriffe
dc, gleichstrom, dc-laden, schnellladen, direct current, dc charging, fast charging

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

Weitere Icons: Strom und Leistung