Icono Panel Bottom Open Outline

solar:panel-bottom-open-outline

El icono Panel Bottom Open Outline (solar:panel-bottom-open-outline) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: TI
Etiquetas: panelbottom, bottomopen, openoutline, panelbottomopenoutline

Descargar 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="M11.5117 6.39551C11.7926 6.15477 12.2074 6.15477 12.4883 6.39551L15.4883 8.9668C15.8024 9.23642 15.8388 9.71005 15.5693 10.0244C15.2998 10.3384 14.8261 10.3747 14.5117 10.1055L12 7.95313L9.48828 10.1055C9.17393 10.3747 8.70023 10.3384 8.43066 10.0244C8.16121 9.71005 8.1976 9.23642 8.51172 8.9668L11.5117 6.39551Z"/><path fill-rule="evenodd" d="M13 1.25C14.8644 1.25 16.3384 1.24859 17.4893 1.40332C18.6616 1.56096 19.6101 1.89329 20.3584 2.6416C21.1067 3.38991 21.439 4.33844 21.5967 5.51074C21.7514 6.66159 21.75 8.13558 21.75 10V14C21.75 14.3365 21.7489 14.6602 21.748 14.9717C21.7484 14.9811 21.75 14.9905 21.75 15C21.75 15.0098 21.7484 15.0196 21.748 15.0293C21.7438 16.4175 21.7218 17.5589 21.5967 18.4893C21.439 19.6616 21.1067 20.6101 20.3584 21.3584C19.6101 22.1067 18.6616 22.439 17.4893 22.5967C16.3384 22.7514 14.8644 22.75 13 22.75H11C9.13558 22.75 7.66159 22.7514 6.51074 22.5967C5.33844 22.439 4.38991 22.1067 3.6416 21.3584C2.89329 20.6101 2.56096 19.6616 2.40332 18.4893C2.27824 17.5589 2.25522 16.4175 2.25098 15.0293C2.2506 15.0196 2.25 15.0098 2.25 15C2.25 14.9905 2.25063 14.9811 2.25098 14.9717C2.25014 14.6602 2.25 14.3365 2.25 14V10C2.25 8.13558 2.24859 6.66159 2.40332 5.51074C2.56096 4.33844 2.89329 3.38991 3.6416 2.6416C4.38991 1.89329 5.33844 1.56096 6.51074 1.40332C7.66159 1.24859 9.13558 1.25 11 1.25H13ZM3.75781 15.75C3.76868 16.7836 3.79811 17.6081 3.88965 18.2891C4.02491 19.2952 4.27894 19.8746 4.70215 20.2979C5.12536 20.7211 5.70485 20.9751 6.71094 21.1104C7.73859 21.2485 9.09324 21.25 11 21.25H13C14.9068 21.25 16.2614 21.2485 17.2891 21.1104C18.2952 20.9751 18.8746 20.7211 19.2979 20.2979C19.7211 19.8746 19.9751 19.2952 20.1104 18.2891C20.2019 17.6081 20.2313 16.7836 20.2422 15.75H3.75781ZM11 2.75C9.09324 2.75 7.73859 2.7515 6.71094 2.88965C5.70485 3.02491 5.12536 3.27894 4.70215 3.70215C4.27894 4.12536 4.02491 4.70485 3.88965 5.71094C3.7515 6.73859 3.75 8.09324 3.75 10V14.25H20.25V10C20.25 8.09324 20.2485 6.73859 20.1104 5.71094C19.9751 4.70485 19.7211 4.12536 19.2979 3.70215C18.8746 3.27894 18.2952 3.02491 17.2891 2.88965C16.2614 2.7515 14.9068 2.75 13 2.75H11Z" clip-rule="evenodd"/></g></svg>

Cómo usar el icono Panel Bottom Open Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:panel-bottom-open-outline"></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-open-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/panel-bottom-open-outline.svg" alt="Icono Panel Bottom Open Outline" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Panel Bottom Open Outline

¿El icono Panel Bottom Open Outline es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Panel Bottom Open Outline en React?

Instala @iconify/react y renderiza <Icon icon="solar:panel-bottom-open-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Panel Bottom Open Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/panel-bottom-open-outline.svg" alt="Icono Panel Bottom Open Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →