Construction icon
fxemoji:construction
The Construction icon (fxemoji:construction) 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="#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>How to use the Construction icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/construction.svg" alt="Construction icon" width="24" height="24">Related icons in Firefox OS Emoji
Construction icon in other icon sets
Construction icon FAQ
Is the Construction 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 Construction icon in React?
Install @iconify/react and render <Icon icon="fxemoji:construction" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Construction icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/construction.svg" alt="Construction icon">, or paste the SVG code inline to style it with CSS.