Constructionsign icon
fxemoji:constructionsign
The Constructionsign icon (fxemoji:constructionsign) 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="#D5DEE4" d="M104.9 482.499H89.647c-13.382 0-24.23-10.848-24.23-24.23V193.591c0-13.382 10.848-24.23 24.23-24.23H104.9c13.382 0 24.23 10.848 24.23 24.23v264.678c.001 13.382-10.848 24.23-24.23 24.23m341.684-24.23V193.591c0-13.382-10.848-24.23-24.23-24.23H407.1c-13.382 0-24.23 10.848-24.23 24.23v264.678c0 13.382 10.848 24.23 24.23 24.23h15.253c13.382 0 24.231-10.848 24.231-24.23"/><path fill="#FFB636" d="M484.148 314H27.852C12.47 314 0 301.53 0 286.148V83.852C0 68.47 12.47 56 27.852 56h456.297C499.53 56 512 68.47 512 83.852v202.297C512 301.53 499.53 314 484.148 314"/><path fill="#2B3B47" d="M512 286.148C512 301.53 499.53 314 484.148 314h-53.793L512 217.816zM360.859 314L512 135.943V83.852c0-9.828-5.095-18.461-12.784-23.418L283.979 314zm-223.257 0h76.88l219-258h-76.88zm72.623-258L3.457 299.59C8.201 308.18 17.345 314 27.852 314h40.254l219-258zM0 131.219v90.571L140.728 56h-76.88z"/></svg>How to use the Constructionsign icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:constructionsign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:constructionsign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:constructionsign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--constructionsign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:constructionsign"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:constructionsign"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/constructionsign.svg" alt="Constructionsign icon" width="24" height="24">Constructionsign icon FAQ
Is the Constructionsign 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 Constructionsign icon in React?
Install @iconify/react and render <Icon icon="fxemoji:constructionsign" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Constructionsign icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/constructionsign.svg" alt="Constructionsign icon">, or paste the SVG code inline to style it with CSS.