Solar charging icon

Solar charging: charging with power from photovoltaics (PV surplus)

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

<SolarCharging size={24} title="Solar 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="M13.574 15.5H4.862a1.25 1.25 0 0 1-1.157-1.723l3.477-8.5A1.25 1.25 0 0 1 8.339 4.5h10.799a1.25 1.25 0 0 1 1.157 1.723l-2.154 5.265"/>
  <path d="M5.25 10h13.5m-4.5-5.5-4.5 11"/>
  <path d="M17.75 13.5 15 17h1.5l-.5 3 3-4h-1.75ZM16.5 17l.75-1"/>
</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-solar-charging" /></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: SolarCharging
SVG file: solar-charging.svg
Category: Energy
Since version: 0.2.0
Search terms: solar charging, solar, photovoltaics, pv, pv surplus, solar panel, sun, solarladen, photovoltaik, pv-überschuss, solarmodul, sonne

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