construction icon
construction from Material Symbols Light by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- construction
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- construction-outline, construction-outline-sharp, construction-sharp
1 other variant in Material Symbols Light
The same icon in other sets
constructionCarbonconstructionEmoji One (Colored)constructionFluent EmojiconstructionFluent Emoji FlatconstructionFluent Emoji High ContrastconstructionFirefox OS EmojiconstructionHealth IconsconstructionHuge IconsconstructionMaterial Line IconsconstructionLucideconstructionMaterial SymbolsconstructionNoto EmojiconstructionOpenMojiconstructionStreamline EmojisconstructionTwitter Emoji
More activities icons from Material Symbols Light
Use the construction icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.958 20l-5.552-5.552l1.061-1.061l5.552 5.552zM5.062 20L4 18.939l6.958-6.958l-2.97-2.95l-.546.546l-.948-.967v1.8l-.546.546l-2.621-2.621l.546-.546h1.8l-.961-.943l2.165-2.165q.346-.346.758-.514Q8.046 4 8.512 4q.465 0 .877.167t.757.514L8.5 6.327l1.096 1.096l-.546.546l2.97 2.95l2.557-2.558q-.235-.332-.326-.68t-.091-.764q0-1.225.849-2.074t2.074-.849q.26 0 .5.037q.242.036.477.148L15.989 6.25l1.761 1.761l2.071-2.07q.117.234.151.475q.034.242.034.501q0 1.225-.85 2.074q-.848.85-2.073.85q-.416 0-.764-.089t-.68-.329z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightConstruction(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.958 20l-5.552-5.552l1.061-1.061l5.552 5.552zM5.062 20L4 18.939l6.958-6.958l-2.97-2.95l-.546.546l-.948-.967v1.8l-.546.546l-2.621-2.621l.546-.546h1.8l-.961-.943l2.165-2.165q.346-.346.758-.514Q8.046 4 8.512 4q.465 0 .877.167t.757.514L8.5 6.327l1.096 1.096l-.546.546l2.97 2.95l2.557-2.558q-.235-.332-.326-.68t-.091-.764q0-1.225.849-2.074t2.074-.849q.26 0 .5.037q.242.036.477.148L15.989 6.25l1.761 1.761l2.071-2.07q.117.234.151.475q.034.242.034.501q0 1.225-.85 2.074q-.848.85-2.073.85q-.416 0-.764-.089t-.68-.329z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.958 20l-5.552-5.552l1.061-1.061l5.552 5.552zM5.062 20L4 18.939l6.958-6.958l-2.97-2.95l-.546.546l-.948-.967v1.8l-.546.546l-2.621-2.621l.546-.546h1.8l-.961-.943l2.165-2.165q.346-.346.758-.514Q8.046 4 8.512 4q.465 0 .877.167t.757.514L8.5 6.327l1.096 1.096l-.546.546l2.97 2.95l2.557-2.558q-.235-.332-.326-.68t-.091-.764q0-1.225.849-2.074t2.074-.849q.26 0 .5.037q.242.036.477.148L15.989 6.25l1.761 1.761l2.071-2.07q.117.234.151.475q.034.242.034.501q0 1.225-.85 2.074q-.848.85-2.073.85q-.416 0-.764-.089t-.68-.329z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.958%2020l-5.552-5.552l1.061-1.061l5.552%205.552zM5.062%2020L4%2018.939l6.958-6.958l-2.97-2.95l-.546.546l-.948-.967v1.8l-.546.546l-2.621-2.621l.546-.546h1.8l-.961-.943l2.165-2.165q.346-.346.758-.514Q8.046%204%208.512%204q.465%200%20.877.167t.757.514L8.5%206.327l1.096%201.096l-.546.546l2.97%202.95l2.557-2.558q-.235-.332-.326-.68t-.091-.764q0-1.225.849-2.074t2.074-.849q.26%200%20.5.037q.242.036.477.148L15.989%206.25l1.761%201.761l2.071-2.07q.117.234.151.475q.034.242.034.501q0%201.225-.85%202.074q-.848.85-2.073.85q-.416%200-.764-.089t-.68-.329z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.958%2020l-5.552-5.552l1.061-1.061l5.552%205.552zM5.062%2020L4%2018.939l6.958-6.958l-2.97-2.95l-.546.546l-.948-.967v1.8l-.546.546l-2.621-2.621l.546-.546h1.8l-.961-.943l2.165-2.165q.346-.346.758-.514Q8.046%204%208.512%204q.465%200%20.877.167t.757.514L8.5%206.327l1.096%201.096l-.546.546l2.97%202.95l2.557-2.558q-.235-.332-.326-.68t-.091-.764q0-1.225.849-2.074t2.074-.849q.26%200%20.5.037q.242.036.477.148L15.989%206.25l1.761%201.761l2.071-2.07q.117.234.151.475q.034.242.034.501q0%201.225-.85%202.074q-.848.85-2.073.85q-.416%200-.764-.089t-.68-.329z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/construction.svg?color=%231a73e8&size=48
