ICONYZ
Español
Icono Housebuilding de Firefox OS Emoji

Icono Housebuilding

fxemoji:housebuilding

El icono Housebuilding (fxemoji:housebuilding) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, 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
Firefox OS Emoji
Autor
Mozilla
Licencia
Apache-2.0
Tamaño
512 × 512
Categoría
Lugares
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D1CFC3" d="M434.681 121.974a15.6 15.6 0 0 0-1.874-1.412L267.301 14.815a14.4 14.4 0 0 0-15.445-.039L84.496 120.523c-.63.398-1.201.832-1.738 1.285c-4.26 1.192-7.388 5.093-7.388 9.733v359.072c0 5.587 4.529 10.116 10.116 10.116h345.931c5.587 0 10.116-4.529 10.116-10.116V131.541c-.001-4.443-2.869-8.208-6.852-9.567"/><path fill="#8E6049" d="M457.892 504.427a6.76 6.76 0 0 1-6.762-6.762V306.953a6.762 6.762 0 0 1 13.524 0v190.712a6.763 6.763 0 0 1-6.762 6.762m-396.79-5.08v-43.529a6.762 6.762 0 1 0-13.522 0v43.529a6.762 6.762 0 1 0 13.522 0"/><path fill="#29A53B" d="M508.367 402.697c0 27.877-22.599 50.476-50.476 50.476s-50.476-22.599-50.476-50.476s22.599-50.476 50.476-50.476s50.476 22.599 50.476 50.476m-50.476-134.876c-18.785 0-34.013 15.228-34.013 34.013s15.228 34.013 34.013 34.013s34.013-15.228 34.013-34.013s-15.228-34.013-34.013-34.013M56.76 288.619a7.69 7.69 0 0 0-9.718 4.879s-.792 2.388-2.099 6.568c-.675 2.09-1.418 4.627-2.306 7.538l-1.403 4.636l-1.487 5.14c-1.022 3.582-2.186 7.463-3.314 11.568l-3.551 12.911c-1.256 4.478-2.429 9.105-3.689 13.807l-3.654 14.255c-1.186 4.776-2.411 9.553-3.536 14.255c-1.136 4.702-2.282 9.329-3.32 13.807c-1.045 4.478-2.093 8.807-3.018 12.911l-2.636 11.568c-.849 3.582-1.357 6.866-1.574 9.777c-.219 2.911-.182 5.448.018 7.538c.183 2.09.502 3.732.784 4.851c.278 1.119.525 1.717.525 1.717c4.419 10.578 12.908 19.599 24.335 24.335c22.952 9.512 49.268-1.383 58.78-24.335c0 0 .247-.597.525-1.717c.282-1.119.601-2.761.784-4.851c.2-2.09.238-4.627.018-7.538c-.217-2.911-.725-6.194-1.574-9.777l-2.636-11.568c-.925-4.105-1.973-8.433-3.018-12.911c-1.038-4.478-2.184-9.105-3.32-13.807c-1.125-4.702-2.349-9.478-3.536-14.255l-3.654-14.255c-1.26-4.702-2.433-9.329-3.689-13.807l-3.551-12.911c-1.127-4.105-2.291-7.986-3.314-11.568l-1.487-5.14l-1.403-4.636c-.888-2.911-1.63-5.448-2.306-7.538c-1.308-4.179-2.1-6.568-2.1-6.568c-.744-2.207-2.494-4.09-4.876-4.879"/><path fill="#2B3B47" d="M210.307 369.925h99.363v130.803h-99.363z"/><path fill="#FF473E" d="M60.773 148.596h16.815a7.55 7.55 0 0 0 3.953-1.118L258.153 38.843a7.54 7.54 0 0 1 7.989.052L437.53 147.426a7.54 7.54 0 0 0 4.036 1.171h15.152c7.499 0 10.405-9.753 4.13-13.858L266.311 7.479a7.54 7.54 0 0 0-8.16-.064L56.743 134.674c-6.391 4.038-3.53 13.922 4.03 13.922"/><path fill="#E2A042" d="M174.332 432.335h-34.068a7.2 7.2 0 0 1-7.2-7.2v-13.02a7.2 7.2 0 0 1 7.2-7.2h34.068a7.2 7.2 0 0 1 7.2 7.2v13.02a7.2 7.2 0 0 1-7.2 7.2m120.262-.008c-4.556 0-8.25 3.693-8.25 8.25s3.693 8.25 8.25 8.25s8.25-3.693 8.25-8.25s-3.694-8.25-8.25-8.25"/><path fill="#464A4C" d="M201.5 171.245v81.728a7.2 7.2 0 0 1-7.2 7.2h-39.983a7.2 7.2 0 0 1-7.2-7.2v-81.728a7.2 7.2 0 0 1 7.2-7.2H194.3a7.2 7.2 0 0 1 7.2 7.2m163.732-7.2h-39.983a7.2 7.2 0 0 0-7.2 7.2v81.728a7.2 7.2 0 0 0 7.2 7.2h39.983a7.2 7.2 0 0 0 7.2-7.2v-81.728a7.2 7.2 0 0 0-7.2-7.2"/><path fill="#8E7B70" d="M204.333 273.067h-60.048a7.2 7.2 0 0 1-7.2-7.2v-5.176a7.2 7.2 0 0 1 7.2-7.2h60.048a7.2 7.2 0 0 1 7.2 7.2v5.176a7.2 7.2 0 0 1-7.2 7.2m178.132-7.2v-5.176a7.2 7.2 0 0 0-7.2-7.2h-60.048a7.2 7.2 0 0 0-7.2 7.2v5.176a7.2 7.2 0 0 0 7.2 7.2h60.048a7.2 7.2 0 0 0 7.2-7.2m-61.8 112.944c8.966 0 15.374-8.431 13.357-17.166c-7.782-33.695-37.974-58.814-74.033-58.814s-66.252 25.119-74.033 58.814c-2.017 8.736 4.391 17.166 13.357 17.166z"/></svg>

Cómo usar el icono Housebuilding

React

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

<Icon icon="fxemoji:housebuilding" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:housebuilding" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:housebuilding" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--housebuilding]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:housebuilding"></div>

Web component

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

<iconify-icon icon="fxemoji:housebuilding"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/housebuilding.svg" alt="Icono Housebuilding" width="24" height="24">

Iconos relacionados en Firefox OS Emoji

Preguntas frecuentes sobre Icono Housebuilding

¿El icono Housebuilding es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Housebuilding en React?

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

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

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

Ver todos los Iconos Firefox OS Emoji →