construction icon
construction from Carbon by IBM · Outline · Planning · Apache-2.0 Free for personal and commercial use.
- Name
- construction
- Set
- Carbon
- Style
- Outline
- Category
- Planning
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
All construction icons →constructionEmoji One (Colored)constructionFluent EmojiconstructionFluent Emoji FlatconstructionFluent Emoji High ContrastconstructionFirefox OS EmojiconstructionHealth IconsconstructionHuge IconsconstructionMaterial Line IconsconstructionLucideconstructionMaterial SymbolsconstructionMaterial Symbols LightconstructionNoto EmojiconstructionOpenMojiconstructionStreamline EmojisconstructionTwitter Emoji
More planning icons from Carbon
accumulation-iceaccumulation-precipitationaccumulation-rainaccumulation-snowagriculture-analyticsairline-digital-gateairline-manage-gatesairline-passenger-careairline-rapid-boardairport-01airport-02airport-locationalarmalarm-addalarm-subtractarray-date-timearray-timearrivalbaggage-claimbarbicyclebootbuoybus
Use the construction icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.34 16.06a1 1 0 0 0-1.108.3l-3.772 4.526l-5.435-.988l-3.602-8.952A3.01 3.01 0 0 0 12.612 9h-4.06a3 3 0 0 0-1.543.428L2 12.434v6.4l5 .91V30h2v-9.893l3.565.648L14 24.2V30h2v-6.2l-1.091-2.618l8.081 1.469l-4.758 5.709A1 1 0 0 0 19 30h10a1 1 0 0 0 1-1V17a1 1 0 0 0-.66-.94M4 17.166v-3.6l3-1.8v5.945Zm5 .909V11h3.614a1.01 1.01 0 0 1 .945.67l3.14 7.805ZM28 28h-6.865L28 19.762ZM12.5 8A3.5 3.5 0 1 1 16 4.5A3.504 3.504 0 0 1 12.5 8m0-5A1.5 1.5 0 1 0 14 4.5A1.5 1.5 0 0 0 12.5 3"/></svg>
React
import type { SVGProps } from "react";
export function CarbonConstruction(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.34 16.06a1 1 0 0 0-1.108.3l-3.772 4.526l-5.435-.988l-3.602-8.952A3.01 3.01 0 0 0 12.612 9h-4.06a3 3 0 0 0-1.543.428L2 12.434v6.4l5 .91V30h2v-9.893l3.565.648L14 24.2V30h2v-6.2l-1.091-2.618l8.081 1.469l-4.758 5.709A1 1 0 0 0 19 30h10a1 1 0 0 0 1-1V17a1 1 0 0 0-.66-.94M4 17.166v-3.6l3-1.8v5.945Zm5 .909V11h3.614a1.01 1.01 0 0 1 .945.67l3.14 7.805ZM28 28h-6.865L28 19.762ZM12.5 8A3.5 3.5 0 1 1 16 4.5A3.504 3.504 0 0 1 12.5 8m0-5A1.5 1.5 0 1 0 14 4.5A1.5 1.5 0 0 0 12.5 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.34 16.06a1 1 0 0 0-1.108.3l-3.772 4.526l-5.435-.988l-3.602-8.952A3.01 3.01 0 0 0 12.612 9h-4.06a3 3 0 0 0-1.543.428L2 12.434v6.4l5 .91V30h2v-9.893l3.565.648L14 24.2V30h2v-6.2l-1.091-2.618l8.081 1.469l-4.758 5.709A1 1 0 0 0 19 30h10a1 1 0 0 0 1-1V17a1 1 0 0 0-.66-.94M4 17.166v-3.6l3-1.8v5.945Zm5 .909V11h3.614a1.01 1.01 0 0 1 .945.67l3.14 7.805ZM28 28h-6.865L28 19.762ZM12.5 8A3.5 3.5 0 1 1 16 4.5A3.504 3.504 0 0 1 12.5 8m0-5A1.5 1.5 0 1 0 14 4.5A1.5 1.5 0 0 0 12.5 3"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.34%2016.06a1%201%200%200%200-1.108.3l-3.772%204.526l-5.435-.988l-3.602-8.952A3.01%203.01%200%200%200%2012.612%209h-4.06a3%203%200%200%200-1.543.428L2%2012.434v6.4l5%20.91V30h2v-9.893l3.565.648L14%2024.2V30h2v-6.2l-1.091-2.618l8.081%201.469l-4.758%205.709A1%201%200%200%200%2019%2030h10a1%201%200%200%200%201-1V17a1%201%200%200%200-.66-.94M4%2017.166v-3.6l3-1.8v5.945Zm5%20.909V11h3.614a1.01%201.01%200%200%201%20.945.67l3.14%207.805ZM28%2028h-6.865L28%2019.762ZM12.5%208A3.5%203.5%200%201%201%2016%204.5A3.504%203.504%200%200%201%2012.5%208m0-5A1.5%201.5%200%201%200%2014%204.5A1.5%201.5%200%200%200%2012.5%203%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.34%2016.06a1%201%200%200%200-1.108.3l-3.772%204.526l-5.435-.988l-3.602-8.952A3.01%203.01%200%200%200%2012.612%209h-4.06a3%203%200%200%200-1.543.428L2%2012.434v6.4l5%20.91V30h2v-9.893l3.565.648L14%2024.2V30h2v-6.2l-1.091-2.618l8.081%201.469l-4.758%205.709A1%201%200%200%200%2019%2030h10a1%201%200%200%200%201-1V17a1%201%200%200%200-.66-.94M4%2017.166v-3.6l3-1.8v5.945Zm5%20.909V11h3.614a1.01%201.01%200%200%201%20.945.67l3.14%207.805ZM28%2028h-6.865L28%2019.762ZM12.5%208A3.5%203.5%200%201%201%2016%204.5A3.504%203.504%200%200%201%2012.5%208m0-5A1.5%201.5%200%201%200%2014%204.5A1.5%201.5%200%200%200%2012.5%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/construction.svg?color=%231a73e8&size=48
