constructionsign emoji

constructionsign from Firefox OS Emoji by Mozilla · Default · Places · Apache-2.0 Free for personal and commercial use.

Name
constructionsign
Set
Firefox OS Emoji
Style
Default
Category
Places
Viewbox
512×512
License
Apache 2.0

More places icons from Firefox OS Emoji

aerialtramwayairplaneambulanceanchorarticulatedlorryautomobilebankbarberpolebeachumbrellabicyclebridgeatnightbusbusstopcampingcarouselhorsechurchcircustentcityscapecityscapeatduskclassicalbuildingconstructionconveniencestoredeliverytruckdepartmentstore

Use the constructionsign emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function FxemojiConstructionsign(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-constructionsign {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23D5DEE4%22%20d%3D%22M104.9%20482.499H89.647c-13.382%200-24.23-10.848-24.23-24.23V193.591c0-13.382%2010.848-24.23%2024.23-24.23H104.9c13.382%200%2024.23%2010.848%2024.23%2024.23v264.678c.001%2013.382-10.848%2024.23-24.23%2024.23m341.684-24.23V193.591c0-13.382-10.848-24.23-24.23-24.23H407.1c-13.382%200-24.23%2010.848-24.23%2024.23v264.678c0%2013.382%2010.848%2024.23%2024.23%2024.23h15.253c13.382%200%2024.231-10.848%2024.231-24.23%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M484.148%20314H27.852C12.47%20314%200%20301.53%200%20286.148V83.852C0%2068.47%2012.47%2056%2027.852%2056h456.297C499.53%2056%20512%2068.47%20512%2083.852v202.297C512%20301.53%20499.53%20314%20484.148%20314%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M512%20286.148C512%20301.53%20499.53%20314%20484.148%20314h-53.793L512%20217.816zM360.859%20314L512%20135.943V83.852c0-9.828-5.095-18.461-12.784-23.418L283.979%20314zm-223.257%200h76.88l219-258h-76.88zm72.623-258L3.457%20299.59C8.201%20308.18%2017.345%20314%2027.852%20314h40.254l219-258zM0%20131.219v90.571L140.728%2056h-76.88z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23D5DEE4%22%20d%3D%22M104.9%20482.499H89.647c-13.382%200-24.23-10.848-24.23-24.23V193.591c0-13.382%2010.848-24.23%2024.23-24.23H104.9c13.382%200%2024.23%2010.848%2024.23%2024.23v264.678c.001%2013.382-10.848%2024.23-24.23%2024.23m341.684-24.23V193.591c0-13.382-10.848-24.23-24.23-24.23H407.1c-13.382%200-24.23%2010.848-24.23%2024.23v264.678c0%2013.382%2010.848%2024.23%2024.23%2024.23h15.253c13.382%200%2024.231-10.848%2024.231-24.23%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M484.148%20314H27.852C12.47%20314%200%20301.53%200%20286.148V83.852C0%2068.47%2012.47%2056%2027.852%2056h456.297C499.53%2056%20512%2068.47%20512%2083.852v202.297C512%20301.53%20499.53%20314%20484.148%20314%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M512%20286.148C512%20301.53%20499.53%20314%20484.148%20314h-53.793L512%20217.816zM360.859%20314L512%20135.943V83.852c0-9.828-5.095-18.461-12.784-23.418L283.979%20314zm-223.257%200h76.88l219-258h-76.88zm72.623-258L3.457%20299.59C8.201%20308.18%2017.345%20314%2027.852%20314h40.254l219-258zM0%20131.219v90.571L140.728%2056h-76.88z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/constructionsign.svg?color=%231a73e8&size=48