construction emoji

construction from Streamline Emojis by Streamline · Default · Travel Places · CC-BY-4.0 Attribution required.

Name
construction
Set
Streamline Emojis
Style
Default
Category
Travel Places
Viewbox
48×48
License
CC BY 4.0

The same emoji in other sets

constructionCarbonconstructionEmoji One (Colored)constructionFluent EmojiconstructionFluent Emoji FlatconstructionFluent Emoji High ContrastconstructionFirefox OS EmojiconstructionHealth IconsconstructionHuge IconsconstructionMaterial Line IconsconstructionLucideconstructionMaterial SymbolsconstructionMaterial Symbols LightconstructionNoto EmojiconstructionOpenMojiconstructionTwitter Emoji

More travel places icons from Streamline Emojis

airplaneambulanceanchorautomobilebicyclebullet-trainbuscarousel-horsecastledelivery-truckfactoryferris-wheelfire-enginefountainfuel-pumphelicopterhospitalhouse-with-gardenlocomotivelove-hotelminibusoffice-buildingoncoming-police-caroncoming-taxi

Use the construction emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M2.42 42.98a21.58 2.02 0 1 0 43.16 0a21.58 2.02 0 1 0-43.16 0" opacity=".15"/><path fill="#ffe500" d="M2.25 7.93h43.5v17.53H2.25Z"/><path fill="#fff48c" d="M44.4 7.93H3.6a1.34 1.34 0 0 0-1.35 1.35v3.46a1.34 1.34 0 0 1 1.35-1.35h40.8a1.34 1.34 0 0 1 1.35 1.35V9.28a1.34 1.34 0 0 0-1.35-1.35"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.93h43.5v17.53H2.25Z"/><path fill="#daedf7" d="M6.72 25.47h5.4v16.18A1.35 1.35 0 0 1 10.76 43H8.07a1.35 1.35 0 0 1-1.35-1.35zm29.17 0h5.4v16.18A1.35 1.35 0 0 1 39.93 43h-2.7a1.35 1.35 0 0 1-1.35-1.35V25.47z"/><path fill="#c0dceb" d="M6.72 25.47h5.4v3.26h-5.4zm29.17 0h5.4v3.26h-5.4z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.72 25.47h5.4v16.18A1.35 1.35 0 0 1 10.76 43H8.07a1.35 1.35 0 0 1-1.35-1.35zm29.17 0h5.4v16.18A1.35 1.35 0 0 1 39.93 43h-2.7a1.35 1.35 0 0 1-1.35-1.35V25.47z"/><path fill="#656769" d="M8.84 7.93L3.2 25.41a1.8 1.8 0 0 0 .4.06h5.57l5.65-17.54Zm18.12 0h-5.98l-5.66 17.53h5.99zm12.14 0h-5.98l-5.66 17.53h5.99zm6.08.25L39.6 25.47h4.8a1.35 1.35 0 0 0 1.35-1.35V9.28a1.34 1.34 0 0 0-.57-1.1"/><path fill="#87898c" d="m13.71 11.38l1.11-3.45H8.84l-1.12 3.45zm12.14 0l1.11-3.45h-5.98l-1.12 3.45zm12.14 0l1.11-3.45h-5.98L32 11.38zm7.19-3.2l-1 3.2h.26a1.35 1.35 0 0 1 1.35 1.35V9.28a1.34 1.34 0 0 0-.61-1.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.84 7.93L3.2 25.41a1.8 1.8 0 0 0 .4.06h5.57l5.65-17.54Zm18.12 0h-5.98l-5.66 17.53h5.99zm12.14 0h-5.98l-5.66 17.53h5.99zm6.08.25L39.6 25.47h4.8a1.35 1.35 0 0 0 1.35-1.35V9.28a1.34 1.34 0 0 0-.57-1.1"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisConstruction(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M2.42 42.98a21.58 2.02 0 1 0 43.16 0a21.58 2.02 0 1 0-43.16 0" opacity=".15"/><path fill="#ffe500" d="M2.25 7.93h43.5v17.53H2.25Z"/><path fill="#fff48c" d="M44.4 7.93H3.6a1.34 1.34 0 0 0-1.35 1.35v3.46a1.34 1.34 0 0 1 1.35-1.35h40.8a1.34 1.34 0 0 1 1.35 1.35V9.28a1.34 1.34 0 0 0-1.35-1.35"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M2.25 7.93h43.5v17.53H2.25Z"/><path fill="#daedf7" d="M6.72 25.47h5.4v16.18A1.35 1.35 0 0 1 10.76 43H8.07a1.35 1.35 0 0 1-1.35-1.35zm29.17 0h5.4v16.18A1.35 1.35 0 0 1 39.93 43h-2.7a1.35 1.35 0 0 1-1.35-1.35V25.47z"/><path fill="#c0dceb" d="M6.72 25.47h5.4v3.26h-5.4zm29.17 0h5.4v3.26h-5.4z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M6.72 25.47h5.4v16.18A1.35 1.35 0 0 1 10.76 43H8.07a1.35 1.35 0 0 1-1.35-1.35zm29.17 0h5.4v16.18A1.35 1.35 0 0 1 39.93 43h-2.7a1.35 1.35 0 0 1-1.35-1.35V25.47z"/><path fill="#656769" d="M8.84 7.93L3.2 25.41a1.8 1.8 0 0 0 .4.06h5.57l5.65-17.54Zm18.12 0h-5.98l-5.66 17.53h5.99zm12.14 0h-5.98l-5.66 17.53h5.99zm6.08.25L39.6 25.47h4.8a1.35 1.35 0 0 0 1.35-1.35V9.28a1.34 1.34 0 0 0-.57-1.1"/><path fill="#87898c" d="m13.71 11.38l1.11-3.45H8.84l-1.12 3.45zm12.14 0l1.11-3.45h-5.98l-1.12 3.45zm12.14 0l1.11-3.45h-5.98L32 11.38zm7.19-3.2l-1 3.2h.26a1.35 1.35 0 0 1 1.35 1.35V9.28a1.34 1.34 0 0 0-.61-1.1"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M8.84 7.93L3.2 25.41a1.8 1.8 0 0 0 .4.06h5.57l5.65-17.54Zm18.12 0h-5.98l-5.66 17.53h5.99zm12.14 0h-5.98l-5.66 17.53h5.99zm6.08.25L39.6 25.47h4.8a1.35 1.35 0 0 0 1.35-1.35V9.28a1.34 1.34 0 0 0-.57-1.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M2.42 42.98a21.58 2.02 0 1 0 43.16 0a21.58 2.02 0 1 0-43.16 0" opacity=".15"/><path fill="#ffe500" d="M2.25 7.93h43.5v17.53H2.25Z"/><path fill="#fff48c" d="M44.4 7.93H3.6a1.34 1.34 0 0 0-1.35 1.35v3.46a1.34 1.34 0 0 1 1.35-1.35h40.8a1.34 1.34 0 0 1 1.35 1.35V9.28a1.34 1.34 0 0 0-1.35-1.35"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.93h43.5v17.53H2.25Z"/><path fill="#daedf7" d="M6.72 25.47h5.4v16.18A1.35 1.35 0 0 1 10.76 43H8.07a1.35 1.35 0 0 1-1.35-1.35zm29.17 0h5.4v16.18A1.35 1.35 0 0 1 39.93 43h-2.7a1.35 1.35 0 0 1-1.35-1.35V25.47z"/><path fill="#c0dceb" d="M6.72 25.47h5.4v3.26h-5.4zm29.17 0h5.4v3.26h-5.4z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.72 25.47h5.4v16.18A1.35 1.35 0 0 1 10.76 43H8.07a1.35 1.35 0 0 1-1.35-1.35zm29.17 0h5.4v16.18A1.35 1.35 0 0 1 39.93 43h-2.7a1.35 1.35 0 0 1-1.35-1.35V25.47z"/><path fill="#656769" d="M8.84 7.93L3.2 25.41a1.8 1.8 0 0 0 .4.06h5.57l5.65-17.54Zm18.12 0h-5.98l-5.66 17.53h5.99zm12.14 0h-5.98l-5.66 17.53h5.99zm6.08.25L39.6 25.47h4.8a1.35 1.35 0 0 0 1.35-1.35V9.28a1.34 1.34 0 0 0-.57-1.1"/><path fill="#87898c" d="m13.71 11.38l1.11-3.45H8.84l-1.12 3.45zm12.14 0l1.11-3.45h-5.98l-1.12 3.45zm12.14 0l1.11-3.45h-5.98L32 11.38zm7.19-3.2l-1 3.2h.26a1.35 1.35 0 0 1 1.35 1.35V9.28a1.34 1.34 0 0 0-.61-1.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.84 7.93L3.2 25.41a1.8 1.8 0 0 0 .4.06h5.57l5.65-17.54Zm18.12 0h-5.98l-5.66 17.53h5.99zm12.14 0h-5.98l-5.66 17.53h5.99zm6.08.25L39.6 25.47h4.8a1.35 1.35 0 0 0 1.35-1.35V9.28a1.34 1.34 0 0 0-.57-1.1"/></svg>
</template>

CSS

.icon-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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M2.42%2042.98a21.58%202.02%200%201%200%2043.16%200a21.58%202.02%200%201%200-43.16%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M2.25%207.93h43.5v17.53H2.25Z%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M44.4%207.93H3.6a1.34%201.34%200%200%200-1.35%201.35v3.46a1.34%201.34%200%200%201%201.35-1.35h40.8a1.34%201.34%200%200%201%201.35%201.35V9.28a1.34%201.34%200%200%200-1.35-1.35%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%207.93h43.5v17.53H2.25Z%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22M6.72%2025.47h5.4v16.18A1.35%201.35%200%200%201%2010.76%2043H8.07a1.35%201.35%200%200%201-1.35-1.35zm29.17%200h5.4v16.18A1.35%201.35%200%200%201%2039.93%2043h-2.7a1.35%201.35%200%200%201-1.35-1.35V25.47z%22%2F%3E%3Cpath%20fill%3D%22%23c0dceb%22%20d%3D%22M6.72%2025.47h5.4v3.26h-5.4zm29.17%200h5.4v3.26h-5.4z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.72%2025.47h5.4v16.18A1.35%201.35%200%200%201%2010.76%2043H8.07a1.35%201.35%200%200%201-1.35-1.35zm29.17%200h5.4v16.18A1.35%201.35%200%200%201%2039.93%2043h-2.7a1.35%201.35%200%200%201-1.35-1.35V25.47z%22%2F%3E%3Cpath%20fill%3D%22%23656769%22%20d%3D%22M8.84%207.93L3.2%2025.41a1.8%201.8%200%200%200%20.4.06h5.57l5.65-17.54Zm18.12%200h-5.98l-5.66%2017.53h5.99zm12.14%200h-5.98l-5.66%2017.53h5.99zm6.08.25L39.6%2025.47h4.8a1.35%201.35%200%200%200%201.35-1.35V9.28a1.34%201.34%200%200%200-.57-1.1%22%2F%3E%3Cpath%20fill%3D%22%2387898c%22%20d%3D%22m13.71%2011.38l1.11-3.45H8.84l-1.12%203.45zm12.14%200l1.11-3.45h-5.98l-1.12%203.45zm12.14%200l1.11-3.45h-5.98L32%2011.38zm7.19-3.2l-1%203.2h.26a1.35%201.35%200%200%201%201.35%201.35V9.28a1.34%201.34%200%200%200-.61-1.1%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.84%207.93L3.2%2025.41a1.8%201.8%200%200%200%20.4.06h5.57l5.65-17.54Zm18.12%200h-5.98l-5.66%2017.53h5.99zm12.14%200h-5.98l-5.66%2017.53h5.99zm6.08.25L39.6%2025.47h4.8a1.35%201.35%200%200%200%201.35-1.35V9.28a1.34%201.34%200%200%200-.57-1.1%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M2.42%2042.98a21.58%202.02%200%201%200%2043.16%200a21.58%202.02%200%201%200-43.16%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M2.25%207.93h43.5v17.53H2.25Z%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M44.4%207.93H3.6a1.34%201.34%200%200%200-1.35%201.35v3.46a1.34%201.34%200%200%201%201.35-1.35h40.8a1.34%201.34%200%200%201%201.35%201.35V9.28a1.34%201.34%200%200%200-1.35-1.35%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%207.93h43.5v17.53H2.25Z%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22M6.72%2025.47h5.4v16.18A1.35%201.35%200%200%201%2010.76%2043H8.07a1.35%201.35%200%200%201-1.35-1.35zm29.17%200h5.4v16.18A1.35%201.35%200%200%201%2039.93%2043h-2.7a1.35%201.35%200%200%201-1.35-1.35V25.47z%22%2F%3E%3Cpath%20fill%3D%22%23c0dceb%22%20d%3D%22M6.72%2025.47h5.4v3.26h-5.4zm29.17%200h5.4v3.26h-5.4z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.72%2025.47h5.4v16.18A1.35%201.35%200%200%201%2010.76%2043H8.07a1.35%201.35%200%200%201-1.35-1.35zm29.17%200h5.4v16.18A1.35%201.35%200%200%201%2039.93%2043h-2.7a1.35%201.35%200%200%201-1.35-1.35V25.47z%22%2F%3E%3Cpath%20fill%3D%22%23656769%22%20d%3D%22M8.84%207.93L3.2%2025.41a1.8%201.8%200%200%200%20.4.06h5.57l5.65-17.54Zm18.12%200h-5.98l-5.66%2017.53h5.99zm12.14%200h-5.98l-5.66%2017.53h5.99zm6.08.25L39.6%2025.47h4.8a1.35%201.35%200%200%200%201.35-1.35V9.28a1.34%201.34%200%200%200-.57-1.1%22%2F%3E%3Cpath%20fill%3D%22%2387898c%22%20d%3D%22m13.71%2011.38l1.11-3.45H8.84l-1.12%203.45zm12.14%200l1.11-3.45h-5.98l-1.12%203.45zm12.14%200l1.11-3.45h-5.98L32%2011.38zm7.19-3.2l-1%203.2h.26a1.35%201.35%200%200%201%201.35%201.35V9.28a1.34%201.34%200%200%200-.61-1.1%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.84%207.93L3.2%2025.41a1.8%201.8%200%200%200%20.4.06h5.57l5.65-17.54Zm18.12%200h-5.98l-5.66%2017.53h5.99zm12.14%200h-5.98l-5.66%2017.53h5.99zm6.08.25L39.6%2025.47h4.8a1.35%201.35%200%200%200%201.35-1.35V9.28a1.34%201.34%200%200%200-.57-1.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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