Ikon Housebuilding
fxemoji:housebuilding
Ikon Housebuilding (fxemoji:housebuilding) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Tempat
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/housebuilding.svg" alt="Ikon Housebuilding" width="24" height="24">Ikon terkait di Firefox OS Emoji
FAQ Ikon Housebuilding
Apakah ikon Housebuilding gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Housebuilding di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:housebuilding" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Housebuilding ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/housebuilding.svg" alt="Ikon Housebuilding">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.