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
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
