construction icon
construction from Health Icons by Resolve to Save Lives · Filled · Objects · MIT Free for personal and commercial use.
- Name
- construction
- Set
- Health Icons
- Style
- Filled
- Category
- Objects
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
The same icon in other sets
constructionCarbonconstructionEmoji One (Colored)constructionFluent EmojiconstructionFluent Emoji FlatconstructionFluent Emoji High ContrastconstructionFirefox OS EmojiconstructionHuge IconsconstructionMaterial Line IconsconstructionLucideconstructionMaterial SymbolsconstructionMaterial Symbols LightconstructionNoto EmojiconstructionOpenMojiconstructionStreamline EmojisconstructionTwitter Emoji
More objects icons from Health Icons
Use the construction icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17.952 4h12a1 1 0 0 1 1 1H32V4h4v7h-4V9h-1.048v1a1 1 0 0 1-1 1h-2.666v9.253l1.19 1.19v19.843a3 3 0 0 1-3 3h-1.952a3 3 0 0 1-3-3V21.443l1.19-1.19V11h-1.762a2 2 0 0 1-2-2V6A5 5 0 0 0 13 11h-2a7 7 0 0 1 6.952-7m5.762 7h1.572v10.08l1.19 1.191v19.015a1 1 0 0 1-1 1h-1.952a1 1 0 0 1-1-1V22.27l1.19-1.19z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsConstruction(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M17.952 4h12a1 1 0 0 1 1 1H32V4h4v7h-4V9h-1.048v1a1 1 0 0 1-1 1h-2.666v9.253l1.19 1.19v19.843a3 3 0 0 1-3 3h-1.952a3 3 0 0 1-3-3V21.443l1.19-1.19V11h-1.762a2 2 0 0 1-2-2V6A5 5 0 0 0 13 11h-2a7 7 0 0 1 6.952-7m5.762 7h1.572v10.08l1.19 1.191v19.015a1 1 0 0 1-1 1h-1.952a1 1 0 0 1-1-1V22.27l1.19-1.19z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17.952 4h12a1 1 0 0 1 1 1H32V4h4v7h-4V9h-1.048v1a1 1 0 0 1-1 1h-2.666v9.253l1.19 1.19v19.843a3 3 0 0 1-3 3h-1.952a3 3 0 0 1-3-3V21.443l1.19-1.19V11h-1.762a2 2 0 0 1-2-2V6A5 5 0 0 0 13 11h-2a7 7 0 0 1 6.952-7m5.762 7h1.572v10.08l1.19 1.191v19.015a1 1 0 0 1-1 1h-1.952a1 1 0 0 1-1-1V22.27l1.19-1.19z" clip-rule="evenodd"/></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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.952%204h12a1%201%200%200%201%201%201H32V4h4v7h-4V9h-1.048v1a1%201%200%200%201-1%201h-2.666v9.253l1.19%201.19v19.843a3%203%200%200%201-3%203h-1.952a3%203%200%200%201-3-3V21.443l1.19-1.19V11h-1.762a2%202%200%200%201-2-2V6A5%205%200%200%200%2013%2011h-2a7%207%200%200%201%206.952-7m5.762%207h1.572v10.08l1.19%201.191v19.015a1%201%200%200%201-1%201h-1.952a1%201%200%200%201-1-1V22.27l1.19-1.19z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.952%204h12a1%201%200%200%201%201%201H32V4h4v7h-4V9h-1.048v1a1%201%200%200%201-1%201h-2.666v9.253l1.19%201.19v19.843a3%203%200%200%201-3%203h-1.952a3%203%200%200%201-3-3V21.443l1.19-1.19V11h-1.762a2%202%200%200%201-2-2V6A5%205%200%200%200%2013%2011h-2a7%207%200%200%201%206.952-7m5.762%207h1.572v10.08l1.19%201.191v19.015a1%201%200%200%201-1%201h-1.952a1%201%200%200%201-1-1V22.27l1.19-1.19z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/construction.svg?color=%231a73e8&size=48
