ICONYZ
Español
Icono Building Filled de Lucide Extended

Icono Building Filled

lucide-extended:building-filled

El icono Building Filled (lucide-extended:building-filled) es un icono SVG gratuito de la colección Lucide Extended de Applifted. Está dibujado en una cuadrícula de 24 × 24. Lucide Extended icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Lucide Extended
Autor
Applifted
Licencia
ISC
Tamaño
24 × 24
Etiquetas
buildingfilled
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18 1a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3h-2v-4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4H6a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3zM8 13a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zM8 9a1 1 0 0 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zM8 5a1 1 0 0 0 0 2h.01a1 1 0 0 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2z" clip-rule="evenodd"/><path fill="currentColor" d="M14 23h-4v-4h4z"/></svg>

Cómo usar el icono Building Filled

React

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

<Icon icon="lucide-extended:building-filled" width="24" />

Vue

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

<template>
  <Icon icon="lucide-extended:building-filled" width="24" />
</template>

Svelte

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

<Icon icon="lucide-extended:building-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--building-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:building-filled"></div>

Web component

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

<iconify-icon icon="lucide-extended:building-filled"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/lucide-extended/building-filled.svg" alt="Icono Building Filled" width="24" height="24">

Iconos relacionados en Lucide Extended

El icono Building Filled en otras colecciones

Preguntas frecuentes sobre Icono Building Filled

¿El icono Building Filled es gratis para uso comercial?

Sí. Lucide Extended icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Building Filled en React?

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

¿Cómo añado el icono Building Filled a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lucide-extended/building-filled.svg" alt="Icono Building Filled">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Lucide Extended →