Panel Bottom Broken icon

solar:panel-bottom-broken

The Panel Bottom Broken icon (solar:panel-bottom-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: IT
Tags: panelbottom, bottombroken, panelbottombroken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M11 22L13 22C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14L21 10C21 6.22876 21 4.34315 19.8284 3.17157C18.6569 2 16.7712 2 13 2L11 2C7.22876 2 5.34315 2 4.17157 3.17157C3 4.34315 3 6.22876 3 10L3 14C3 17.7712 3 19.6569 4.17157 20.8284C4.82475 21.4816 5.69989 21.7706 7 21.8985"/><path d="M3 15L13 15M17 15L21 15"/></g></svg>

How to use the Panel Bottom Broken icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:panel-bottom-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:panel-bottom-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:panel-bottom-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panel-bottom-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:panel-bottom-broken"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:panel-bottom-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/panel-bottom-broken.svg" alt="Panel Bottom Broken icon" width="24" height="24">

Related icons in Solar

Panel Bottom Broken icon FAQ

Is the Panel Bottom Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Panel Bottom Broken icon in React?

Install @iconify/react and render <Icon icon="solar:panel-bottom-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Panel Bottom Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/panel-bottom-broken.svg" alt="Panel Bottom Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →