construction icon
construction-rounded from Material Symbols Light by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- construction-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- construction-outline-rounded
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.427 19.47l-5.021-5.022l1.061-1.061l5.022 5.02q.213.214.213.532t-.213.53t-.531.214t-.531-.214m-14.11-.53q0-.318.214-.531l6.427-6.427l-2.97-2.95q-.217.217-.546.217t-.546-.217l-.402-.421v1.923q0 .273-.252.369t-.444-.096L3.477 8.485q-.193-.193-.096-.444q.096-.253.369-.253h1.923l-.377-.377q-.242-.242-.242-.574t.242-.575L6.877 4.68q.346-.347.757-.514T8.511 4q.347 0 .66.092t.602.316q.142.105.164.282t-.114.314L8.5 6.327l.55.55q.217.217.217.546t-.217.546l2.97 2.95l2.557-2.557q-.235-.333-.326-.681t-.091-.764q0-1.225.849-2.074t2.074-.849q.142 0 .25.003t.244.034q.148.056.201.216t-.064.278L16.28 5.958q-.131.13-.131.292t.13.292l1.178 1.177q.13.131.292.131t.292-.13l1.433-1.433q.117-.118.278-.068q.16.05.216.204q.031.137.034.244q.003.108.003.25q0 1.225-.85 2.074q-.848.85-2.073.85q-.416 0-.764-.089t-.68-.329L5.591 19.469q-.213.214-.53.214t-.531-.214t-.214-.53"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightConstructionRounded(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.427 19.47l-5.021-5.022l1.061-1.061l5.022 5.02q.213.214.213.532t-.213.53t-.531.214t-.531-.214m-14.11-.53q0-.318.214-.531l6.427-6.427l-2.97-2.95q-.217.217-.546.217t-.546-.217l-.402-.421v1.923q0 .273-.252.369t-.444-.096L3.477 8.485q-.193-.193-.096-.444q.096-.253.369-.253h1.923l-.377-.377q-.242-.242-.242-.574t.242-.575L6.877 4.68q.346-.347.757-.514T8.511 4q.347 0 .66.092t.602.316q.142.105.164.282t-.114.314L8.5 6.327l.55.55q.217.217.217.546t-.217.546l2.97 2.95l2.557-2.557q-.235-.333-.326-.681t-.091-.764q0-1.225.849-2.074t2.074-.849q.142 0 .25.003t.244.034q.148.056.201.216t-.064.278L16.28 5.958q-.131.13-.131.292t.13.292l1.178 1.177q.13.131.292.131t.292-.13l1.433-1.433q.117-.118.278-.068q.16.05.216.204q.031.137.034.244q.003.108.003.25q0 1.225-.85 2.074q-.848.85-2.073.85q-.416 0-.764-.089t-.68-.329L5.591 19.469q-.213.214-.53.214t-.531-.214t-.214-.53"/></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.427 19.47l-5.021-5.022l1.061-1.061l5.022 5.02q.213.214.213.532t-.213.53t-.531.214t-.531-.214m-14.11-.53q0-.318.214-.531l6.427-6.427l-2.97-2.95q-.217.217-.546.217t-.546-.217l-.402-.421v1.923q0 .273-.252.369t-.444-.096L3.477 8.485q-.193-.193-.096-.444q.096-.253.369-.253h1.923l-.377-.377q-.242-.242-.242-.574t.242-.575L6.877 4.68q.346-.347.757-.514T8.511 4q.347 0 .66.092t.602.316q.142.105.164.282t-.114.314L8.5 6.327l.55.55q.217.217.217.546t-.217.546l2.97 2.95l2.557-2.557q-.235-.333-.326-.681t-.091-.764q0-1.225.849-2.074t2.074-.849q.142 0 .25.003t.244.034q.148.056.201.216t-.064.278L16.28 5.958q-.131.13-.131.292t.13.292l1.178 1.177q.13.131.292.131t.292-.13l1.433-1.433q.117-.118.278-.068q.16.05.216.204q.031.137.034.244q.003.108.003.25q0 1.225-.85 2.074q-.848.85-2.073.85q-.416 0-.764-.089t-.68-.329L5.591 19.469q-.213.214-.53.214t-.531-.214t-.214-.53"/></svg> </template>
CSS
.icon-construction-rounded {
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.427%2019.47l-5.021-5.022l1.061-1.061l5.022%205.02q.213.214.213.532t-.213.53t-.531.214t-.531-.214m-14.11-.53q0-.318.214-.531l6.427-6.427l-2.97-2.95q-.217.217-.546.217t-.546-.217l-.402-.421v1.923q0%20.273-.252.369t-.444-.096L3.477%208.485q-.193-.193-.096-.444q.096-.253.369-.253h1.923l-.377-.377q-.242-.242-.242-.574t.242-.575L6.877%204.68q.346-.347.757-.514T8.511%204q.347%200%20.66.092t.602.316q.142.105.164.282t-.114.314L8.5%206.327l.55.55q.217.217.217.546t-.217.546l2.97%202.95l2.557-2.557q-.235-.333-.326-.681t-.091-.764q0-1.225.849-2.074t2.074-.849q.142%200%20.25.003t.244.034q.148.056.201.216t-.064.278L16.28%205.958q-.131.13-.131.292t.13.292l1.178%201.177q.13.131.292.131t.292-.13l1.433-1.433q.117-.118.278-.068q.16.05.216.204q.031.137.034.244q.003.108.003.25q0%201.225-.85%202.074q-.848.85-2.073.85q-.416%200-.764-.089t-.68-.329L5.591%2019.469q-.213.214-.53.214t-.531-.214t-.214-.53%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.427%2019.47l-5.021-5.022l1.061-1.061l5.022%205.02q.213.214.213.532t-.213.53t-.531.214t-.531-.214m-14.11-.53q0-.318.214-.531l6.427-6.427l-2.97-2.95q-.217.217-.546.217t-.546-.217l-.402-.421v1.923q0%20.273-.252.369t-.444-.096L3.477%208.485q-.193-.193-.096-.444q.096-.253.369-.253h1.923l-.377-.377q-.242-.242-.242-.574t.242-.575L6.877%204.68q.346-.347.757-.514T8.511%204q.347%200%20.66.092t.602.316q.142.105.164.282t-.114.314L8.5%206.327l.55.55q.217.217.217.546t-.217.546l2.97%202.95l2.557-2.557q-.235-.333-.326-.681t-.091-.764q0-1.225.849-2.074t2.074-.849q.142%200%20.25.003t.244.034q.148.056.201.216t-.064.278L16.28%205.958q-.131.13-.131.292t.13.292l1.178%201.177q.13.131.292.131t.292-.13l1.433-1.433q.117-.118.278-.068q.16.05.216.204q.031.137.034.244q.003.108.003.25q0%201.225-.85%202.074q-.848.85-2.073.85q-.416%200-.764-.089t-.68-.329L5.591%2019.469q-.213.214-.53.214t-.531-.214t-.214-.53%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-rounded.svg?color=%231a73e8&size=48
