construction icon
construction from Material Symbols by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- construction
- Set
- Material Symbols
- 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
The same icon in other sets
constructionCarbonconstructionEmoji One (Colored)constructionFluent EmojiconstructionFluent Emoji FlatconstructionFluent Emoji High ContrastconstructionFirefox OS EmojiconstructionHealth IconsconstructionHuge IconsconstructionMaterial Line IconsconstructionLucideconstructionMaterial Symbols LightconstructionNoto EmojiconstructionOpenMojiconstructionStreamline EmojisconstructionTwitter Emoji
More activities icons from Material Symbols
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.9 21l-5.475-5.475l2.1-2.1L21 18.9zM5.1 21L3 18.9L9.9 12l-1.7-1.7l-.7.7l-1.275-1.275v2.05l-.7.7L2.5 9.45l.7-.7h2.05L4 7.5l3.55-3.55q.5-.5 1.075-.725T9.8 3t1.175.225t1.075.725l-2.3 2.3L11 7.5l-.7.7L12 9.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475 1.013-2.488t2.487-1.012q.375 0 .713.075t.687.225L16.45 5.75l1.8 1.8l2.475-2.475q.175.35.238.687t.062.713q0 1.475-1.012 2.488t-2.488 1.012q-.3 0-.6-.05t-.575-.175z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsConstruction(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.9 21l-5.475-5.475l2.1-2.1L21 18.9zM5.1 21L3 18.9L9.9 12l-1.7-1.7l-.7.7l-1.275-1.275v2.05l-.7.7L2.5 9.45l.7-.7h2.05L4 7.5l3.55-3.55q.5-.5 1.075-.725T9.8 3t1.175.225t1.075.725l-2.3 2.3L11 7.5l-.7.7L12 9.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475 1.013-2.488t2.487-1.012q.375 0 .713.075t.687.225L16.45 5.75l1.8 1.8l2.475-2.475q.175.35.238.687t.062.713q0 1.475-1.012 2.488t-2.488 1.012q-.3 0-.6-.05t-.575-.175z"/></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.9 21l-5.475-5.475l2.1-2.1L21 18.9zM5.1 21L3 18.9L9.9 12l-1.7-1.7l-.7.7l-1.275-1.275v2.05l-.7.7L2.5 9.45l.7-.7h2.05L4 7.5l3.55-3.55q.5-.5 1.075-.725T9.8 3t1.175.225t1.075.725l-2.3 2.3L11 7.5l-.7.7L12 9.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475 1.013-2.488t2.487-1.012q.375 0 .713.075t.687.225L16.45 5.75l1.8 1.8l2.475-2.475q.175.35.238.687t.062.713q0 1.475-1.012 2.488t-2.488 1.012q-.3 0-.6-.05t-.575-.175z"/></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.9%2021l-5.475-5.475l2.1-2.1L21%2018.9zM5.1%2021L3%2018.9L9.9%2012l-1.7-1.7l-.7.7l-1.275-1.275v2.05l-.7.7L2.5%209.45l.7-.7h2.05L4%207.5l3.55-3.55q.5-.5%201.075-.725T9.8%203t1.175.225t1.075.725l-2.3%202.3L11%207.5l-.7.7L12%209.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475%201.013-2.488t2.487-1.012q.375%200%20.713.075t.687.225L16.45%205.75l1.8%201.8l2.475-2.475q.175.35.238.687t.062.713q0%201.475-1.012%202.488t-2.488%201.012q-.3%200-.6-.05t-.575-.175z%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.9%2021l-5.475-5.475l2.1-2.1L21%2018.9zM5.1%2021L3%2018.9L9.9%2012l-1.7-1.7l-.7.7l-1.275-1.275v2.05l-.7.7L2.5%209.45l.7-.7h2.05L4%207.5l3.55-3.55q.5-.5%201.075-.725T9.8%203t1.175.225t1.075.725l-2.3%202.3L11%207.5l-.7.7L12%209.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475%201.013-2.488t2.487-1.012q.375%200%20.713.075t.687.225L16.45%205.75l1.8%201.8l2.475-2.475q.175.35.238.687t.062.713q0%201.475-1.012%202.488t-2.488%201.012q-.3%200-.6-.05t-.575-.175z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/construction.svg?color=%231a73e8&size=48
