Icono Sidebar Open Bold

solar:sidebar-open-bold

El icono Sidebar Open Bold (solar:sidebar-open-bold) 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
Etiquetas: sidebaropen, openbold, sidebaropenbold

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 fill-rule="evenodd" d="M14.25 21H10C6.22876 21 4.34345 20.9997 3.17188 19.8281C2.0003 18.6566 2 16.7712 2 13V11C2 7.22876 2.0003 5.34345 3.17188 4.17188C4.34345 3.0003 6.22876 3 10 3H14.25V21ZM10.2773 8.43066C9.96298 8.16121 9.48935 8.1976 9.21973 8.51172L6.64746 11.5117C6.40699 11.7925 6.40699 12.2075 6.64746 12.4883L9.21875 15.4883C9.48826 15.8025 9.96193 15.8386 10.2764 15.5693C10.5907 15.2997 10.6269 14.8262 10.3574 14.5117L8.20508 12L10.3574 9.48828C10.6269 9.17393 10.5914 8.7003 10.2773 8.43066Z" clip-rule="evenodd"/><path d="M15.75 3.00586C18.3859 3.03348 19.8538 3.19755 20.8281 4.17188C21.9997 5.34345 22 7.22876 22 11V13C22 16.7712 21.9997 18.6566 20.8281 19.8281C19.8538 20.8025 18.3859 20.9665 15.75 20.9941V3.00586Z"/></g></svg>

Cómo usar el icono Sidebar Open Bold

React

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

<Icon icon="solar:sidebar-open-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:sidebar-open-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:sidebar-open-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sidebar-open-bold]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:sidebar-open-bold"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/sidebar-open-bold.svg" alt="Icono Sidebar Open Bold" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Sidebar Open Bold

¿El icono Sidebar Open Bold 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 Sidebar Open Bold en React?

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

¿Cómo añado el icono Sidebar Open Bold a una página web?

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

Ver todos los Iconos Solar →