construction icon
construction-outline from Health Icons by Resolve to Save Lives · Outline · Objects · MIT Free for personal and commercial use.
- Name
- construction-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Objects
- Viewbox
- 48×48
- License
- MIT
- Aliases
- construction2x-outline
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 1v.5H32V4h4v7h-4V9.5h-1.048v.5a1 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-7m11 2h-9v3h9zm-5.238 5h1.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 HealthiconsConstructionOutline(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 1v.5H32V4h4v7h-4V9.5h-1.048v.5a1 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-7m11 2h-9v3h9zm-5.238 5h1.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 1v.5H32V4h4v7h-4V9.5h-1.048v.5a1 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-7m11 2h-9v3h9zm-5.238 5h1.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-outline {
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%201v.5H32V4h4v7h-4V9.5h-1.048v.5a1%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-7m11%202h-9v3h9zm-5.238%205h1.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%201v.5H32V4h4v7h-4V9.5h-1.048v.5a1%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-7m11%202h-9v3h9zm-5.238%205h1.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-outline.svg?color=%231a73e8&size=48
