Solar Panel icon
andrsrxn:solar-panel
The Solar Panel icon (andrsrxn:solar-panel) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Energy
- Tags
- solarpanel
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M2.66 11.29h19.02l.29 4.5H2.03zM4.08 3.7h16.14l.24 3.82H3.54z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.5 6.33c.35-1.49.52-2.23 1.07-2.67c.54-.43 1.3-.43 2.84-.43h9.33c1.55 0 2.33 0 2.88.44c.55.45.7 1.2 1.03 2.72l1.08 5.04c.47 2.23.71 3.35.11 4.09s-1.74.74-4.02.74H6.26c-2.32 0-3.47 0-4.07-.75s-.35-1.88.17-4.14zM20.79 7.6H3.55m18.11 4.28H2.34M12 16.26v4.51m3.46 0H8.54M16 15.78L14.93 4.12M8.1 15.78L9.16 4.12"/></g></svg>
How to use the Solar Panel icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:solar-panel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:solar-panel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:solar-panel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--solar-panel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:solar-panel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:solar-panel"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/solar-panel.svg" alt="Solar Panel icon" width="24" height="24">
Related icons in andrsrxn/icons
Solar Panel icon in other icon sets
Solar Panel icon FAQ
Is the Solar Panel icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Solar Panel icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:solar-panel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Solar Panel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/solar-panel.svg" alt="Solar Panel icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
