Ikon Construction
fxemoji:construction
Ikon Construction (fxemoji:construction) 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="#597B91" d="M353.121 207.084H192.345a4.87 4.87 0 0 0-4.869 4.869v290.223a4.87 4.87 0 0 0 4.869 4.869H353.12a4.87 4.87 0 0 0 4.869-4.869V211.953a4.87 4.87 0 0 0-4.868-4.869"/><path fill="#2B3B47" d="M234.551 336.73h-18.074a5.01 5.01 0 0 1-5.011-5.011v-73.954a5.01 5.01 0 0 1 5.011-5.011h18.074a5.01 5.01 0 0 1 5.011 5.011v73.954a5.01 5.01 0 0 1-5.011 5.011m51.598-5.01v-73.954a5.01 5.01 0 0 0-5.011-5.011h-18.074a5.01 5.01 0 0 0-5.011 5.011v73.954a5.01 5.01 0 0 0 5.011 5.011h18.074a5.01 5.01 0 0 0 5.011-5.011m46.588 0v-73.954a5.01 5.01 0 0 0-5.011-5.011h-18.074a5.01 5.01 0 0 0-5.011 5.011v73.954a5.01 5.01 0 0 0 5.011 5.011h18.074a5.01 5.01 0 0 0 5.011-5.011m-93.175 148.205v-73.954a5.01 5.01 0 0 0-5.011-5.011h-18.074a5.01 5.01 0 0 0-5.011 5.011v73.954a5.01 5.01 0 0 0 5.011 5.011h18.074a5.01 5.01 0 0 0 5.011-5.011m46.587 0v-73.954a5.01 5.01 0 0 0-5.011-5.011h-18.074a5.01 5.01 0 0 0-5.011 5.011v73.954a5.01 5.01 0 0 0 5.011 5.011h18.074a5.01 5.01 0 0 0 5.011-5.011m46.588 0v-73.954a5.01 5.01 0 0 0-5.011-5.011h-18.074a5.01 5.01 0 0 0-5.011 5.011v73.954a5.01 5.01 0 0 0 5.011 5.011h18.074a5.01 5.01 0 0 0 5.011-5.011m31.568-255.251v-12.445a5.145 5.145 0 0 0-5.145-5.145H185.043a5.145 5.145 0 0 0-5.145 5.145v12.445a5.145 5.145 0 0 0 5.145 5.145H359.16a5.144 5.144 0 0 0 5.145-5.145m0 149.166v-12.445a5.145 5.145 0 0 0-5.145-5.145H185.043a5.145 5.145 0 0 0-5.145 5.145v12.445a5.145 5.145 0 0 0 5.145 5.145H359.16a5.144 5.144 0 0 0 5.145-5.145"/><path fill="#E2AF8D" d="M210.583 508.027h-.121a6.005 6.005 0 0 1-6.005-6.005v-19.96a6.005 6.005 0 0 1 6.005-6.005h.121a6.005 6.005 0 0 1 6.005 6.005v19.96a6.006 6.006 0 0 1-6.005 6.005m-58.691-6.005v-19.96a6.005 6.005 0 0 0-6.005-6.005h-.121a6.005 6.005 0 0 0-6.005 6.005v19.96a6.005 6.005 0 0 0 6.005 6.005h.121a6.006 6.006 0 0 0 6.005-6.005"/><path fill="#E5E4DF" d="M140.266 454.462h76.322v29.316h-76.322z"/><path fill="#FF473E" d="M187.754 484L217 454.943v16.587L204.34 484zm-31.43 0h16.587l29.315-30h-16.587zm-2.115-30L140 468.405V484h1.481l29.316-30z"/><path fill="#D8D8D8" d="M507.204 371.797c-.006-.092.099-.185.081-.276c-.016-.08.01-.155-.014-.232c-.018-.058-.003-.117-.027-.174a2 2 0 0 0-.111-.236c-.026-.046-.039-.094-.068-.138a2.2 2.2 0 0 0-.598-.602c-.055-.037-.113-.062-.17-.093c-.067-.036-.13-.077-.2-.106c-.073-.03-.148-.048-.224-.07c-.061-.018-.118.072-.181.06c-.14-.028-.282.07-.425.07H461.07c-.142 0-.285-.098-.425-.07c-.063.012-.12-.021-.181-.003c-.075.022-.151.011-.224.041c-.071.029-.135.055-.201.092c-.057.031-.117.049-.172.086a2.2 2.2 0 0 0-.602.599c-.029.044-.049.09-.075.136c-.044.077-.09.152-.124.236c-.023.057-.036.115-.054.173c-.024.077-.053.151-.069.232c-.018.091.028.184.021.276c-.003.049.035.095.035.145V414h-42.128a2 2 0 0 0-.425.029c-.063.012-.12.029-.181.047c-.075.022-.151.036-.224.066c-.071.029-.135.068-.201.104c-.057.031-.117.056-.172.092a2.2 2.2 0 0 0-.602.602c-.029.044-.049.092-.075.138c-.044.077-.09.153-.124.236c-.023.057-.036.116-.054.174c-.024.077-.053.152-.069.232c-.018.091.127.184.121.276c-.003.049.134.095.134.145V458h-42.326c-.142 0-.285.099-.425.127c-.063.012-.12.078-.181.096c-.075.022-.151.061-.224.091c-.071.029-.135.08-.201.117c-.057.031-.117.062-.172.098a2.2 2.2 0 0 0-.602.605c-.029.044-.049.093-.075.139c-.044.077-.09.154-.124.237c-.023.057-.036.116-.054.174c-.024.077-.053.152-.069.232c-.018.091.226.184.22.276c-.003.049.233.095.233.145v44.198c0 .05-.236.096-.233.145c.006.092-.114.185-.096.276c.016.081-.017.156.007.233c.018.058 0 .117.023.173c.034.083.065.159.109.237c.026.045.037.093.067.137c.159.238.36.443.598.603c.054.036.11.06.166.091c.068.037.132.078.204.108s.146.047.219.068c.062.018.121.19.185.202c.14.028.282.19.424.19h132.593c.142 0 .284-.162.424-.19c.064-.013.123-.11.185-.129c.074-.022.148-.076.22-.105c.072-.03.137-.089.205-.127q.085-.046.168-.1c.238-.159.443-.369.602-.607c.029-.044.049-.094.074-.139c.044-.078.09-.155.125-.238c.023-.056.035-.116.054-.174c.024-.077.053-.152.069-.233c.018-.091-.197-.184-.19-.276c.003-.049-.204-.095-.204-.145V371.942c.003-.049.21-.096.207-.145M375 465.573l16.864 16.864L375 499.301zm67.136 16.864L459 465.573v33.728zm-44 0L415 465.573v33.728zM463 455.103v-33.727l16.863 16.863zm20.169-13.966L500.032 458h-33.727zM466.306 418h33.727l-16.863 16.863zm0-4l16.863-16.864L500.032 414zM459 455.103l-16.864-16.863L459 421.376zM455.835 458h-33.727l16.864-16.863zm-19.971 24.437L419 499.301v-33.728zM422.107 463h33.728l-16.864 16.864zm57.756 19.437L463 499.301v-33.727zM466.306 463h33.727l-16.863 16.864zm19.831-24.761L503 421.376v33.727zm0-44.197L503 377.178v33.727zm-2.968-3.178L466.306 374h33.727zm-3.306 3.178L463 410.905v-33.727zm-40.892 40.821L422.107 418h33.727zm-3.107 3.376L419 455.103v-33.727zm-41.091 41.625L377.909 463h33.728zm0 5.272L411.637 502h-33.728zm44.198 0L455.835 502h-33.728zm44.198 0L500.032 502h-33.727zm2.968-2.699L503 465.573V499.3z"/><path fill="#D7F4F7" d="M350.517 71.566a2.8 2.8 0 0 1-.677-.084L94.423 7.04L16.102 66.389a2.76 2.76 0 0 1-3.333-4.399L93.202 1.04l257.987 65.09a2.76 2.76 0 0 1-.672 5.436"/><path fill="#BFBCAF" d="M90.346 4.04h3.751a7.3 7.3 0 0 1 7.302 7.302v31.044H73.804L83.33 9.32a7.3 7.3 0 0 1 7.016-5.28"/><path fill="#D1CFC3" d="M94.87 495.259H64.32a6.8 6.8 0 0 1-6.801-6.801V42.052a6.8 6.8 0 0 1 6.801-6.801h30.55a6.8 6.8 0 0 1 6.801 6.801v446.405a6.8 6.8 0 0 1-6.801 6.802"/><path fill="#BFBCAF" d="M110.417 479.72H48.778a3.265 3.265 0 0 0-3.265 3.265v19.303a3.265 3.265 0 0 0 3.265 3.265h61.639a3.265 3.265 0 0 0 3.265-3.265v-19.303a3.265 3.265 0 0 0-3.265-3.265"/><path fill="#D1CFC3" d="M353.161 101.92H52.154a4.8 4.8 0 0 1-1.684-.305L10.212 86.531a4.8 4.8 0 0 1-3.116-4.495V66.159a4.8 4.8 0 0 1 4.8-4.8h341.265a4.8 4.8 0 0 1 4.8 4.8V97.12a4.8 4.8 0 0 1-4.8 4.8"/><path fill="#00B89C" d="M308 137v.929c-2-.556-3.705-.866-5.762-.866c-11.494 0-20.734 9.318-20.734 20.812s9.202 20.812 20.695 20.812c2.057 0 3.8-.31 5.8-.866V179h81v-42z"/><circle cx="388.597" cy="157.875" r="20.812" fill="#009E83"/><path fill="#597B91" d="M326.657 174.647a7.44 7.44 0 0 1-7.441-7.441V85.363a7.441 7.441 0 0 1 14.882 0v81.843a7.44 7.44 0 0 1-7.441 7.441"/><path fill="#597B91" d="M345.017 194.008c-14.227 0-25.801-11.574-25.801-25.801a7.441 7.441 0 0 1 14.882 0c0 6.02 4.897 10.918 10.918 10.918s10.918-4.898 10.918-10.918a7.441 7.441 0 0 1 14.882 0c.001 14.226-11.573 25.801-25.799 25.801"/><circle cx="388.597" cy="157.875" r="13.519" fill="#2B3B47"/><path fill="#00B89C" d="M348.963 137.063h-45.662v41.624h44.661z"/><path fill="#FF473E" d="M57.362 125.09H101.4v11.729H57.362z"/><path fill="#F4F3EF" d="M339.743 63.737c-.714-.789-1.743-.85-2.534-.135L303 94.742V64.189c0-.761-.638-1.452-1.333-1.761a1.92 1.92 0 0 0-2.073.327L264 94.762V65.767c0-.133-.11-.263-.135-.389c.104-.57-.089-1.178-.508-1.641c-.714-.789-2.049-.85-2.84-.135L226 94.742V64.189c0-.761-.355-1.452-1.051-1.761c-.696-.311-1.649-.182-2.215.327L187 94.762V65.767c0-.132.172-.262.147-.387c.105-.57.053-1.18-.367-1.643c-.716-.79-1.763-.85-2.553-.135L150 94.742V64.189c0-.761-.573-1.452-1.268-1.761a1.98 1.98 0 0 0-2.106.327L111 94.762V65.767c0-.132-.045-.262-.07-.387a1.93 1.93 0 0 0-.475-1.643c-.715-.79-2.099-.85-2.889-.135L73 94.742V64.189c0-.761-.29-1.452-.986-1.761c-.696-.311-1.43-.182-1.996.327L36.843 92.622c-.792.712-.837 1.932-.125 2.724c.712.791 1.711.856 2.504.145L69 68.517v30.572c0 .763.678 1.454 1.375 1.763c.251.111.632.166.896.166c.47 0 .95-.171 1.312-.499L107 69.379V99.09c0 .761.488 1.452 1.184 1.761c.252.112.54.167.805.167c.467 0 .992-.17 1.353-.495L146 68.517v30.572c0 .763.396 1.454 1.093 1.763s1.726.177 2.292-.333L184 69.379V99.09c0 .761.206 1.452.901 1.761c.696.311 1.223.182 1.79-.327L222 68.517v30.572c0 .763.613 1.454 1.31 1.763c.251.111.6.166.864.166c.47 0 .999-.171 1.361-.499L260 69.379V99.09c0 .761.423 1.452 1.119 1.761q.376.167.773.167c.467 0 1.041-.17 1.401-.495L299 68.517v30.572c0 .763.331 1.454 1.028 1.763c.695.309 1.451.179 2.017-.333l37.592-34.058c.79-.714.821-1.934.106-2.724"/><path fill="#2B3B47" d="M317.965 93.228h17.385v17.385h-17.385z"/><circle cx="326.657" cy="85.363" r="16.557" fill="#FF473E"/><circle cx="326.657" cy="85.363" r="8.692" fill="#FFF"/><path fill="#BFBCAF" d="M57.362 61.359h44.037v40.562H57.362z"/></svg>Cara memakai ikon Construction
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:construction" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:construction" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:construction" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--construction]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:construction"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:construction"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/construction.svg" alt="Ikon Construction" width="24" height="24">Ikon terkait di Firefox OS Emoji
Ikon Construction di set ikon lain
FAQ Ikon Construction
Apakah ikon Construction 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 Construction di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:construction" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Construction ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/construction.svg" alt="Ikon Construction">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.