Housebuilding icon
fxemoji:housebuilding
The Housebuilding icon (fxemoji:housebuilding) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Places
SVG code
<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>How to use the Housebuilding icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/housebuilding.svg" alt="Housebuilding icon" width="24" height="24">Related icons in Firefox OS Emoji
Housebuilding icon FAQ
Is the Housebuilding icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Housebuilding icon in React?
Install @iconify/react and render <Icon icon="fxemoji:housebuilding" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Housebuilding icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/housebuilding.svg" alt="Housebuilding icon">, or paste the SVG code inline to style it with CSS.