Ícone Panels Bottom Left Bold

solar:panels-bottom-left-bold

O ícone Panels Bottom Left Bold (solar:panels-bottom-left-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: TI
Tags: panelsbottom, bottomleft, leftbold, panelsbottomleftbold, panel

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.2461 13.75C21.2495 13.2102 21.25 12.6285 21.25 12C21.25 9.62177 21.248 7.91326 21.0732 6.61328C20.9014 5.33508 20.5745 4.56472 20.0049 3.99512C19.4353 3.42551 18.6649 3.09864 17.3867 2.92676C16.0867 2.75198 14.3782 2.75 12 2.75C11.1726 2.75 10.4263 2.75404 9.75 2.76172L9.75 13.75L21.2461 13.75Z"/><path d="M8.25 13.75L8.25 2.79492C7.63871 2.8209 7.09763 2.86164 6.61328 2.92676C5.33508 3.09865 4.56472 3.42551 3.99512 3.99512C3.42551 4.56472 3.09865 5.33508 2.92676 6.61328C2.75198 7.91326 2.75 9.62177 2.75 12C2.75 12.6285 2.75048 13.2102 2.75391 13.75L8.25 13.75Z"/><path fill-rule="evenodd" d="M12 21.25C14.3782 21.25 16.0867 21.248 17.3867 21.0732C18.6649 20.9014 19.4353 20.5745 20.0049 20.0049C20.5745 19.4353 20.9014 18.6649 21.0732 17.3867C21.1556 16.7743 21.1992 16.0711 21.2227 15.25L2.77734 15.25C2.80084 16.0711 2.84442 16.7743 2.92676 17.3867C3.09865 18.6649 3.42551 19.4353 3.99512 20.0049C4.56472 20.5745 5.33508 20.9014 6.61328 21.0732C7.91326 21.248 9.62178 21.25 12 21.25Z" clip-rule="evenodd"/></g></svg>

Como usar o ícone Panels Bottom Left Bold

React

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

<Icon icon="solar:panels-bottom-left-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:panels-bottom-left-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:panels-bottom-left-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panels-bottom-left-bold]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:panels-bottom-left-bold"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/panels-bottom-left-bold.svg" alt="Ícone Panels Bottom Left Bold" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Panels Bottom Left Bold

O ícone Panels Bottom Left Bold é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Panels Bottom Left Bold no React?

Instale @iconify/react e renderize <Icon icon="solar:panels-bottom-left-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Panels Bottom Left Bold a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/panels-bottom-left-bold.svg" alt="Ícone Panels Bottom Left Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →