Zum Inhalt springen

E-Auto Icon

E-Auto (batterieelektrisches Fahrzeug)

E-Auto: 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 { CarElectric } from '@evicons/react'

<CarElectric size={24} title="E-Auto" />

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="M4.3 16.55h-.288a1.44 1.44 0 0 1-1.437-1.438v-2.903a1.44 1.44 0 0 1 .724-1.248l.986-.564a1.15 1.15 0 0 0 .458-.484l1.955-3.91a1.73 1.73 0 0 1 1.543-.953h4.909a1.73 1.73 0 0 1 1.37.677l2.937 3.84a1.44 1.44 0 0 0 .729.504l1.463.439a1.73 1.73 0 0 1 1.187 1.273l.678 3.014a1.438 1.438 0 0 1-1.402 1.753h-.287"/>
  <path d="M8.9 16.55h6.325"/>
  <circle cx="6.6" cy="16.55" r="2.3"/>
  <circle cx="17.525" cy="16.55" r="2.3"/>
  <path d="M4.587 10.225H7.4m7.85 0h2.49"/>
  <path d="M12 7.5 9.25 11h1.5l-.5 3 3-4H11.5ZM10.75 11l.75-1"/>
</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-car-electric" /></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
CarElectric
SVG-Datei
car-electric.svg
Kategorie
Fahrzeuge
Seit Version
0.2.0
Suchbegriffe
e-auto, elektroauto, elektrofahrzeug, mein auto, fahrzeug, electric car, ev, bev, electric vehicle, my car, vehicle

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

Weitere Icons: Fahrzeuge