building construction emoji
building-construction from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- building-construction
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the building construction emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M28 15h.496a.5.5 0 0 0 .504-.5a.51.51 0 0 0-.514-.5H15.514a.51.51 0 0 0-.514.5c0 .274.232.5.514.5H16v3h-.486a.51.51 0 0 0-.514.5c0 .274.232.5.514.5h12.972a.51.51 0 0 0 .514-.5a.51.51 0 0 0-.514-.5H28zm.01 13H3.99C2.89 28 2 28.895 2 30h28c0-1.105-.89-2-1.99-2"/><path fill="#9b9b9b" d="M23.98 11.03c0 1.1-.9 2-2 2s-2-.9-2-2c0-.28.23-.5.5-.5c.28 0 .5.22.5.5c0 .55.45 1 1 1s1-.45 1-1s-.43-.99-.98-1c-.17 0-.33-.09-.42-.23a.44.44 0 0 1-.09-.27c0-.04 0-.07.01-.11V4.36c0-.27.23-.5.5-.5c.28 0 .5.23.5.5v4.73c.85.23 1.48 1.02 1.48 1.94"/><path fill="#f8312f" d="M23.09 4h-2.18c-.506 0-.91.444-.91 1s.404 1 .91 1h2.18c.506 0 .91-.444.91-1s-.404-1-.91-1"/><path fill="#ff6723" d="M28 15H16v3h12z"/><path fill="#212121" d="M16.7 19.48c.09.06.19.09.29.09c.16 0 .31-.07.41-.21l4.58-6.47l4.58 6.47c.1.14.25.21.41.21a.499.499 0 0 0 .41-.79l-4.966-7.016a.5.5 0 0 0-.079-.1a.5.5 0 0 0-.355-.147a.5.5 0 0 0-.355.147a.5.5 0 0 0-.08.1L16.58 18.78c-.16.23-.11.54.12.7"/><path fill="#ffb02e" d="M5 3h22a1 1 0 1 1 0 2H14v21h.75c.69 0 1.25.56 1.25 1.25V28H5v-.75c0-.69.56-1.25 1.25-1.25H7V5H5a1 1 0 0 1 0-2m3 6.191L12.382 7H8zM13 26v-2.191L8.618 26zm-5-.809L12.382 23H8zm5-17.382L8.618 10H13zm-5 5.382L12.382 11H8zm5-1.382L8.618 14H13zm-5 5.382L12.382 15H8zm5-1.382L8.618 18H13zm-5 5.382L12.382 19H8zm5-1.382L8.618 22H13z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBuildingConstruction(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M28 15h.496a.5.5 0 0 0 .504-.5a.51.51 0 0 0-.514-.5H15.514a.51.51 0 0 0-.514.5c0 .274.232.5.514.5H16v3h-.486a.51.51 0 0 0-.514.5c0 .274.232.5.514.5h12.972a.51.51 0 0 0 .514-.5a.51.51 0 0 0-.514-.5H28zm.01 13H3.99C2.89 28 2 28.895 2 30h28c0-1.105-.89-2-1.99-2"/><path fill="#9b9b9b" d="M23.98 11.03c0 1.1-.9 2-2 2s-2-.9-2-2c0-.28.23-.5.5-.5c.28 0 .5.22.5.5c0 .55.45 1 1 1s1-.45 1-1s-.43-.99-.98-1c-.17 0-.33-.09-.42-.23a.44.44 0 0 1-.09-.27c0-.04 0-.07.01-.11V4.36c0-.27.23-.5.5-.5c.28 0 .5.23.5.5v4.73c.85.23 1.48 1.02 1.48 1.94"/><path fill="#f8312f" d="M23.09 4h-2.18c-.506 0-.91.444-.91 1s.404 1 .91 1h2.18c.506 0 .91-.444.91-1s-.404-1-.91-1"/><path fill="#ff6723" d="M28 15H16v3h12z"/><path fill="#212121" d="M16.7 19.48c.09.06.19.09.29.09c.16 0 .31-.07.41-.21l4.58-6.47l4.58 6.47c.1.14.25.21.41.21a.499.499 0 0 0 .41-.79l-4.966-7.016a.5.5 0 0 0-.079-.1a.5.5 0 0 0-.355-.147a.5.5 0 0 0-.355.147a.5.5 0 0 0-.08.1L16.58 18.78c-.16.23-.11.54.12.7"/><path fill="#ffb02e" d="M5 3h22a1 1 0 1 1 0 2H14v21h.75c.69 0 1.25.56 1.25 1.25V28H5v-.75c0-.69.56-1.25 1.25-1.25H7V5H5a1 1 0 0 1 0-2m3 6.191L12.382 7H8zM13 26v-2.191L8.618 26zm-5-.809L12.382 23H8zm5-17.382L8.618 10H13zm-5 5.382L12.382 11H8zm5-1.382L8.618 14H13zm-5 5.382L12.382 15H8zm5-1.382L8.618 18H13zm-5 5.382L12.382 19H8zm5-1.382L8.618 22H13z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M28 15h.496a.5.5 0 0 0 .504-.5a.51.51 0 0 0-.514-.5H15.514a.51.51 0 0 0-.514.5c0 .274.232.5.514.5H16v3h-.486a.51.51 0 0 0-.514.5c0 .274.232.5.514.5h12.972a.51.51 0 0 0 .514-.5a.51.51 0 0 0-.514-.5H28zm.01 13H3.99C2.89 28 2 28.895 2 30h28c0-1.105-.89-2-1.99-2"/><path fill="#9b9b9b" d="M23.98 11.03c0 1.1-.9 2-2 2s-2-.9-2-2c0-.28.23-.5.5-.5c.28 0 .5.22.5.5c0 .55.45 1 1 1s1-.45 1-1s-.43-.99-.98-1c-.17 0-.33-.09-.42-.23a.44.44 0 0 1-.09-.27c0-.04 0-.07.01-.11V4.36c0-.27.23-.5.5-.5c.28 0 .5.23.5.5v4.73c.85.23 1.48 1.02 1.48 1.94"/><path fill="#f8312f" d="M23.09 4h-2.18c-.506 0-.91.444-.91 1s.404 1 .91 1h2.18c.506 0 .91-.444.91-1s-.404-1-.91-1"/><path fill="#ff6723" d="M28 15H16v3h12z"/><path fill="#212121" d="M16.7 19.48c.09.06.19.09.29.09c.16 0 .31-.07.41-.21l4.58-6.47l4.58 6.47c.1.14.25.21.41.21a.499.499 0 0 0 .41-.79l-4.966-7.016a.5.5 0 0 0-.079-.1a.5.5 0 0 0-.355-.147a.5.5 0 0 0-.355.147a.5.5 0 0 0-.08.1L16.58 18.78c-.16.23-.11.54.12.7"/><path fill="#ffb02e" d="M5 3h22a1 1 0 1 1 0 2H14v21h.75c.69 0 1.25.56 1.25 1.25V28H5v-.75c0-.69.56-1.25 1.25-1.25H7V5H5a1 1 0 0 1 0-2m3 6.191L12.382 7H8zM13 26v-2.191L8.618 26zm-5-.809L12.382 23H8zm5-17.382L8.618 10H13zm-5 5.382L12.382 11H8zm5-1.382L8.618 14H13zm-5 5.382L12.382 15H8zm5-1.382L8.618 18H13zm-5 5.382L12.382 19H8zm5-1.382L8.618 22H13z"/></g></svg> </template>
CSS
.icon-building-construction {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M28%2015h.496a.5.5%200%200%200%20.504-.5a.51.51%200%200%200-.514-.5H15.514a.51.51%200%200%200-.514.5c0%20.274.232.5.514.5H16v3h-.486a.51.51%200%200%200-.514.5c0%20.274.232.5.514.5h12.972a.51.51%200%200%200%20.514-.5a.51.51%200%200%200-.514-.5H28zm.01%2013H3.99C2.89%2028%202%2028.895%202%2030h28c0-1.105-.89-2-1.99-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M23.98%2011.03c0%201.1-.9%202-2%202s-2-.9-2-2c0-.28.23-.5.5-.5c.28%200%20.5.22.5.5c0%20.55.45%201%201%201s1-.45%201-1s-.43-.99-.98-1c-.17%200-.33-.09-.42-.23a.44.44%200%200%201-.09-.27c0-.04%200-.07.01-.11V4.36c0-.27.23-.5.5-.5c.28%200%20.5.23.5.5v4.73c.85.23%201.48%201.02%201.48%201.94%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M23.09%204h-2.18c-.506%200-.91.444-.91%201s.404%201%20.91%201h2.18c.506%200%20.91-.444.91-1s-.404-1-.91-1%22%2F%3E%3Cpath%20fill%3D%22%23ff6723%22%20d%3D%22M28%2015H16v3h12z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M16.7%2019.48c.09.06.19.09.29.09c.16%200%20.31-.07.41-.21l4.58-6.47l4.58%206.47c.1.14.25.21.41.21a.499.499%200%200%200%20.41-.79l-4.966-7.016a.5.5%200%200%200-.079-.1a.5.5%200%200%200-.355-.147a.5.5%200%200%200-.355.147a.5.5%200%200%200-.08.1L16.58%2018.78c-.16.23-.11.54.12.7%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M5%203h22a1%201%200%201%201%200%202H14v21h.75c.69%200%201.25.56%201.25%201.25V28H5v-.75c0-.69.56-1.25%201.25-1.25H7V5H5a1%201%200%200%201%200-2m3%206.191L12.382%207H8zM13%2026v-2.191L8.618%2026zm-5-.809L12.382%2023H8zm5-17.382L8.618%2010H13zm-5%205.382L12.382%2011H8zm5-1.382L8.618%2014H13zm-5%205.382L12.382%2015H8zm5-1.382L8.618%2018H13zm-5%205.382L12.382%2019H8zm5-1.382L8.618%2022H13z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M28%2015h.496a.5.5%200%200%200%20.504-.5a.51.51%200%200%200-.514-.5H15.514a.51.51%200%200%200-.514.5c0%20.274.232.5.514.5H16v3h-.486a.51.51%200%200%200-.514.5c0%20.274.232.5.514.5h12.972a.51.51%200%200%200%20.514-.5a.51.51%200%200%200-.514-.5H28zm.01%2013H3.99C2.89%2028%202%2028.895%202%2030h28c0-1.105-.89-2-1.99-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M23.98%2011.03c0%201.1-.9%202-2%202s-2-.9-2-2c0-.28.23-.5.5-.5c.28%200%20.5.22.5.5c0%20.55.45%201%201%201s1-.45%201-1s-.43-.99-.98-1c-.17%200-.33-.09-.42-.23a.44.44%200%200%201-.09-.27c0-.04%200-.07.01-.11V4.36c0-.27.23-.5.5-.5c.28%200%20.5.23.5.5v4.73c.85.23%201.48%201.02%201.48%201.94%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M23.09%204h-2.18c-.506%200-.91.444-.91%201s.404%201%20.91%201h2.18c.506%200%20.91-.444.91-1s-.404-1-.91-1%22%2F%3E%3Cpath%20fill%3D%22%23ff6723%22%20d%3D%22M28%2015H16v3h12z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M16.7%2019.48c.09.06.19.09.29.09c.16%200%20.31-.07.41-.21l4.58-6.47l4.58%206.47c.1.14.25.21.41.21a.499.499%200%200%200%20.41-.79l-4.966-7.016a.5.5%200%200%200-.079-.1a.5.5%200%200%200-.355-.147a.5.5%200%200%200-.355.147a.5.5%200%200%200-.08.1L16.58%2018.78c-.16.23-.11.54.12.7%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M5%203h22a1%201%200%201%201%200%202H14v21h.75c.69%200%201.25.56%201.25%201.25V28H5v-.75c0-.69.56-1.25%201.25-1.25H7V5H5a1%201%200%200%201%200-2m3%206.191L12.382%207H8zM13%2026v-2.191L8.618%2026zm-5-.809L12.382%2023H8zm5-17.382L8.618%2010H13zm-5%205.382L12.382%2011H8zm5-1.382L8.618%2014H13zm-5%205.382L12.382%2015H8zm5-1.382L8.618%2018H13zm-5%205.382L12.382%2019H8zm5-1.382L8.618%2022H13z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/building-construction.svg?color=%231a73e8&size=48
