construction emoji

construction from Emoji One (Colored) by Emoji One · Default · Travel · CC-BY-4.0 Attribution required.

Name
construction
Set
Emoji One (Colored)
Style
Default
Category
Travel
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

constructionCarbonconstructionFluent EmojiconstructionFluent Emoji FlatconstructionFluent Emoji High ContrastconstructionFirefox OS EmojiconstructionHealth IconsconstructionHuge IconsconstructionMaterial Line IconsconstructionLucideconstructionMaterial SymbolsconstructionMaterial Symbols LightconstructionNoto EmojiconstructionOpenMojiconstructionStreamline EmojisconstructionTwitter Emoji

More travel icons from Emoji One (Colored)

aerial-tramwayairplaneairplane-arrivalairplane-departureambulanceanchorarticulated-lorryautomobilebankbeach-with-umbrellabicyclebridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horsecastlechurchcityscapecityscape-at-duskclassical-building

Use the construction emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffce31" d="M3.4 17.5h57.2v19.7H3.4z"/><path fill="#3e4347" d="M12.7 37.1H3.4L12 17.5h9.3zm10.4 0l8.1-19.6h9.7l-8.1 19.6m9.9 0l8.1-19.6h9.8l-8.1 19.6"/><path fill="#94989b" d="M11.4 10.9h3.8V17h-3.8z"/><path fill="#d0d0d0" d="M12.3 10.9h1.9V17h-1.9z"/><circle cx="13.2" cy="8.6" r="6.6" fill="#94989b"/><circle cx="13.2" cy="8.6" r="5.6" fill="#d0d0d0"/><circle cx="13.2" cy="8.6" r="4.7" fill="#ed4c5c"/><path fill="#94989b" d="M48.9 10.9h3.8V17h-3.8z"/><path fill="#d0d0d0" d="M49.8 10.9h1.9V17h-1.9z"/><circle cx="50.8" cy="8.6" r="6.6" fill="#94989b"/><circle cx="50.8" cy="8.6" r="5.6" fill="#d0d0d0"/><circle cx="50.8" cy="8.6" r="4.7" fill="#ed4c5c"/><path fill="#94989b" d="M11.4 37.6h3.8V62h-3.8z"/><path fill="#d0d0d0" d="M12.3 37.6h1.9V62h-1.9z"/><path fill="#3e4347" d="M17 62H9.5s1.9-2.5 1.9-3.3h3.8c-.1.8 1.8 3.3 1.8 3.3"/><path fill="#94989b" d="M48.9 37.6h3.8V62h-3.8z"/><path fill="#d0d0d0" d="M49.8 37.6h1.9V62h-1.9z"/><path fill="#3e4347" d="M54.5 62H47s1.9-2.5 1.9-3.3h3.8c-.1.8 1.8 3.3 1.8 3.3"/><path fill="#94989b" d="M7.9 44.2H56V48H7.9z"/><path fill="#d0d0d0" d="M9.5 45.1h45V47h-45z"/><g fill="#3e4347"><circle cx="13.2" cy="46.1" r=".7"/><circle cx="50.8" cy="46.1" r=".7"/></g><path fill="#d0d0d0" d="M61.1 17H2.9c-.5 0-.9.4-.9.9v18.8c0 .5.4.9.9.9H61c.5 0 .9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9m-1 17.8c0 .5-.4.9-.9.9H4.8c-.5 0-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5 0 .9.4.9.9z"/><path fill="#94989b" d="M61.1 17.5c.3 0 .5.2.5.5v18.8c0 .3-.2.5-.5.5H2.9c-.3 0-.5-.2-.5-.5V17.9c0-.3.2-.5.5-.5h58.2M4.8 36.2h54.4c.8 0 1.4-.6 1.4-1.4v-15c0-.8-.6-1.4-1.4-1.4H4.8c-.8 0-1.4.6-1.4 1.4v15c0 .8.6 1.4 1.4 1.4M61.1 17H2.9c-.5 0-.9.4-.9.9v18.8c0 .5.4.9.9.9H61c.5 0 .9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9M4.8 35.8c-.5 0-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5 0 .9.4.9.9v15c0 .5-.4.9-.9.9z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneConstruction(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffce31" d="M3.4 17.5h57.2v19.7H3.4z"/><path fill="#3e4347" d="M12.7 37.1H3.4L12 17.5h9.3zm10.4 0l8.1-19.6h9.7l-8.1 19.6m9.9 0l8.1-19.6h9.8l-8.1 19.6"/><path fill="#94989b" d="M11.4 10.9h3.8V17h-3.8z"/><path fill="#d0d0d0" d="M12.3 10.9h1.9V17h-1.9z"/><circle cx="13.2" cy="8.6" r="6.6" fill="#94989b"/><circle cx="13.2" cy="8.6" r="5.6" fill="#d0d0d0"/><circle cx="13.2" cy="8.6" r="4.7" fill="#ed4c5c"/><path fill="#94989b" d="M48.9 10.9h3.8V17h-3.8z"/><path fill="#d0d0d0" d="M49.8 10.9h1.9V17h-1.9z"/><circle cx="50.8" cy="8.6" r="6.6" fill="#94989b"/><circle cx="50.8" cy="8.6" r="5.6" fill="#d0d0d0"/><circle cx="50.8" cy="8.6" r="4.7" fill="#ed4c5c"/><path fill="#94989b" d="M11.4 37.6h3.8V62h-3.8z"/><path fill="#d0d0d0" d="M12.3 37.6h1.9V62h-1.9z"/><path fill="#3e4347" d="M17 62H9.5s1.9-2.5 1.9-3.3h3.8c-.1.8 1.8 3.3 1.8 3.3"/><path fill="#94989b" d="M48.9 37.6h3.8V62h-3.8z"/><path fill="#d0d0d0" d="M49.8 37.6h1.9V62h-1.9z"/><path fill="#3e4347" d="M54.5 62H47s1.9-2.5 1.9-3.3h3.8c-.1.8 1.8 3.3 1.8 3.3"/><path fill="#94989b" d="M7.9 44.2H56V48H7.9z"/><path fill="#d0d0d0" d="M9.5 45.1h45V47h-45z"/><g fill="#3e4347"><circle cx="13.2" cy="46.1" r=".7"/><circle cx="50.8" cy="46.1" r=".7"/></g><path fill="#d0d0d0" d="M61.1 17H2.9c-.5 0-.9.4-.9.9v18.8c0 .5.4.9.9.9H61c.5 0 .9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9m-1 17.8c0 .5-.4.9-.9.9H4.8c-.5 0-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5 0 .9.4.9.9z"/><path fill="#94989b" d="M61.1 17.5c.3 0 .5.2.5.5v18.8c0 .3-.2.5-.5.5H2.9c-.3 0-.5-.2-.5-.5V17.9c0-.3.2-.5.5-.5h58.2M4.8 36.2h54.4c.8 0 1.4-.6 1.4-1.4v-15c0-.8-.6-1.4-1.4-1.4H4.8c-.8 0-1.4.6-1.4 1.4v15c0 .8.6 1.4 1.4 1.4M61.1 17H2.9c-.5 0-.9.4-.9.9v18.8c0 .5.4.9.9.9H61c.5 0 .9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9M4.8 35.8c-.5 0-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5 0 .9.4.9.9v15c0 .5-.4.9-.9.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffce31" d="M3.4 17.5h57.2v19.7H3.4z"/><path fill="#3e4347" d="M12.7 37.1H3.4L12 17.5h9.3zm10.4 0l8.1-19.6h9.7l-8.1 19.6m9.9 0l8.1-19.6h9.8l-8.1 19.6"/><path fill="#94989b" d="M11.4 10.9h3.8V17h-3.8z"/><path fill="#d0d0d0" d="M12.3 10.9h1.9V17h-1.9z"/><circle cx="13.2" cy="8.6" r="6.6" fill="#94989b"/><circle cx="13.2" cy="8.6" r="5.6" fill="#d0d0d0"/><circle cx="13.2" cy="8.6" r="4.7" fill="#ed4c5c"/><path fill="#94989b" d="M48.9 10.9h3.8V17h-3.8z"/><path fill="#d0d0d0" d="M49.8 10.9h1.9V17h-1.9z"/><circle cx="50.8" cy="8.6" r="6.6" fill="#94989b"/><circle cx="50.8" cy="8.6" r="5.6" fill="#d0d0d0"/><circle cx="50.8" cy="8.6" r="4.7" fill="#ed4c5c"/><path fill="#94989b" d="M11.4 37.6h3.8V62h-3.8z"/><path fill="#d0d0d0" d="M12.3 37.6h1.9V62h-1.9z"/><path fill="#3e4347" d="M17 62H9.5s1.9-2.5 1.9-3.3h3.8c-.1.8 1.8 3.3 1.8 3.3"/><path fill="#94989b" d="M48.9 37.6h3.8V62h-3.8z"/><path fill="#d0d0d0" d="M49.8 37.6h1.9V62h-1.9z"/><path fill="#3e4347" d="M54.5 62H47s1.9-2.5 1.9-3.3h3.8c-.1.8 1.8 3.3 1.8 3.3"/><path fill="#94989b" d="M7.9 44.2H56V48H7.9z"/><path fill="#d0d0d0" d="M9.5 45.1h45V47h-45z"/><g fill="#3e4347"><circle cx="13.2" cy="46.1" r=".7"/><circle cx="50.8" cy="46.1" r=".7"/></g><path fill="#d0d0d0" d="M61.1 17H2.9c-.5 0-.9.4-.9.9v18.8c0 .5.4.9.9.9H61c.5 0 .9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9m-1 17.8c0 .5-.4.9-.9.9H4.8c-.5 0-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5 0 .9.4.9.9z"/><path fill="#94989b" d="M61.1 17.5c.3 0 .5.2.5.5v18.8c0 .3-.2.5-.5.5H2.9c-.3 0-.5-.2-.5-.5V17.9c0-.3.2-.5.5-.5h58.2M4.8 36.2h54.4c.8 0 1.4-.6 1.4-1.4v-15c0-.8-.6-1.4-1.4-1.4H4.8c-.8 0-1.4.6-1.4 1.4v15c0 .8.6 1.4 1.4 1.4M61.1 17H2.9c-.5 0-.9.4-.9.9v18.8c0 .5.4.9.9.9H61c.5 0 .9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9M4.8 35.8c-.5 0-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5 0 .9.4.9.9v15c0 .5-.4.9-.9.9z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M3.4%2017.5h57.2v19.7H3.4z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M12.7%2037.1H3.4L12%2017.5h9.3zm10.4%200l8.1-19.6h9.7l-8.1%2019.6m9.9%200l8.1-19.6h9.8l-8.1%2019.6%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M11.4%2010.9h3.8V17h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M12.3%2010.9h1.9V17h-1.9z%22%2F%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%228.6%22%20r%3D%226.6%22%20fill%3D%22%2394989b%22%2F%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%228.6%22%20r%3D%225.6%22%20fill%3D%22%23d0d0d0%22%2F%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%228.6%22%20r%3D%224.7%22%20fill%3D%22%23ed4c5c%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M48.9%2010.9h3.8V17h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M49.8%2010.9h1.9V17h-1.9z%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%228.6%22%20r%3D%226.6%22%20fill%3D%22%2394989b%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%228.6%22%20r%3D%225.6%22%20fill%3D%22%23d0d0d0%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%228.6%22%20r%3D%224.7%22%20fill%3D%22%23ed4c5c%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M11.4%2037.6h3.8V62h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M12.3%2037.6h1.9V62h-1.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M17%2062H9.5s1.9-2.5%201.9-3.3h3.8c-.1.8%201.8%203.3%201.8%203.3%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M48.9%2037.6h3.8V62h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M49.8%2037.6h1.9V62h-1.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M54.5%2062H47s1.9-2.5%201.9-3.3h3.8c-.1.8%201.8%203.3%201.8%203.3%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M7.9%2044.2H56V48H7.9z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M9.5%2045.1h45V47h-45z%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%2246.1%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%2246.1%22%20r%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M61.1%2017H2.9c-.5%200-.9.4-.9.9v18.8c0%20.5.4.9.9.9H61c.5%200%20.9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9m-1%2017.8c0%20.5-.4.9-.9.9H4.8c-.5%200-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5%200%20.9.4.9.9z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M61.1%2017.5c.3%200%20.5.2.5.5v18.8c0%20.3-.2.5-.5.5H2.9c-.3%200-.5-.2-.5-.5V17.9c0-.3.2-.5.5-.5h58.2M4.8%2036.2h54.4c.8%200%201.4-.6%201.4-1.4v-15c0-.8-.6-1.4-1.4-1.4H4.8c-.8%200-1.4.6-1.4%201.4v15c0%20.8.6%201.4%201.4%201.4M61.1%2017H2.9c-.5%200-.9.4-.9.9v18.8c0%20.5.4.9.9.9H61c.5%200%20.9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9M4.8%2035.8c-.5%200-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5%200%20.9.4.9.9v15c0%20.5-.4.9-.9.9z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M3.4%2017.5h57.2v19.7H3.4z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M12.7%2037.1H3.4L12%2017.5h9.3zm10.4%200l8.1-19.6h9.7l-8.1%2019.6m9.9%200l8.1-19.6h9.8l-8.1%2019.6%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M11.4%2010.9h3.8V17h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M12.3%2010.9h1.9V17h-1.9z%22%2F%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%228.6%22%20r%3D%226.6%22%20fill%3D%22%2394989b%22%2F%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%228.6%22%20r%3D%225.6%22%20fill%3D%22%23d0d0d0%22%2F%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%228.6%22%20r%3D%224.7%22%20fill%3D%22%23ed4c5c%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M48.9%2010.9h3.8V17h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M49.8%2010.9h1.9V17h-1.9z%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%228.6%22%20r%3D%226.6%22%20fill%3D%22%2394989b%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%228.6%22%20r%3D%225.6%22%20fill%3D%22%23d0d0d0%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%228.6%22%20r%3D%224.7%22%20fill%3D%22%23ed4c5c%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M11.4%2037.6h3.8V62h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M12.3%2037.6h1.9V62h-1.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M17%2062H9.5s1.9-2.5%201.9-3.3h3.8c-.1.8%201.8%203.3%201.8%203.3%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M48.9%2037.6h3.8V62h-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M49.8%2037.6h1.9V62h-1.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M54.5%2062H47s1.9-2.5%201.9-3.3h3.8c-.1.8%201.8%203.3%201.8%203.3%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M7.9%2044.2H56V48H7.9z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M9.5%2045.1h45V47h-45z%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2213.2%22%20cy%3D%2246.1%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%2246.1%22%20r%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M61.1%2017H2.9c-.5%200-.9.4-.9.9v18.8c0%20.5.4.9.9.9H61c.5%200%20.9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9m-1%2017.8c0%20.5-.4.9-.9.9H4.8c-.5%200-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5%200%20.9.4.9.9z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M61.1%2017.5c.3%200%20.5.2.5.5v18.8c0%20.3-.2.5-.5.5H2.9c-.3%200-.5-.2-.5-.5V17.9c0-.3.2-.5.5-.5h58.2M4.8%2036.2h54.4c.8%200%201.4-.6%201.4-1.4v-15c0-.8-.6-1.4-1.4-1.4H4.8c-.8%200-1.4.6-1.4%201.4v15c0%20.8.6%201.4%201.4%201.4M61.1%2017H2.9c-.5%200-.9.4-.9.9v18.8c0%20.5.4.9.9.9H61c.5%200%20.9-.4.9-.9V17.9c.1-.5-.3-.9-.8-.9M4.8%2035.8c-.5%200-.9-.4-.9-.9v-15c0-.5.4-.9.9-.9h54.4c.5%200%20.9.4.9.9v15c0%20.5-.4.9-.9.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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