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
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.