construction icon
construction-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- construction-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- construction-outline-rounded
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="m17.85 19.95l-4.425-4.425l2.1-2.1l4.425 4.425q.425.425.425 1.05t-.425 1.05t-1.05.425t-1.05-.425M3.625 18.9q0-.625.425-1.05L9.9 12l-1.7-1.7q-.275.275-.7.275t-.7-.275l-.575-.575v2.25q0 .35-.3.475t-.55-.125L2.65 9.6q-.25-.25-.125-.55T3 8.75h2.25L4.7 8.2q-.3-.3-.3-.7t.3-.7l2.85-2.85q.5-.5 1.075-.725T9.8 3q.5 0 .938.15t.862.45q.2.125.213.35t-.163.4l-1.9 1.9l.55.55q.275.275.275.7t-.275.7L12 9.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475 1.013-2.488t2.487-1.012q.2 0 .375.013t.35.062q.225.075.288.313t-.113.412L16.8 5.4q-.15.15-.15.35t.15.35l1.1 1.1q.15.15.35.15t.35-.15l1.625-1.625q.175-.175.413-.125t.312.3q.05.175.063.35t.012.375q0 1.475-1.012 2.487t-2.488 1.013q-.3 0-.6-.05t-.575-.175l-10.2 10.2q-.425.425-1.05.425t-1.05-.425t-.425-1.05"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsConstructionRounded(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="m17.85 19.95l-4.425-4.425l2.1-2.1l4.425 4.425q.425.425.425 1.05t-.425 1.05t-1.05.425t-1.05-.425M3.625 18.9q0-.625.425-1.05L9.9 12l-1.7-1.7q-.275.275-.7.275t-.7-.275l-.575-.575v2.25q0 .35-.3.475t-.55-.125L2.65 9.6q-.25-.25-.125-.55T3 8.75h2.25L4.7 8.2q-.3-.3-.3-.7t.3-.7l2.85-2.85q.5-.5 1.075-.725T9.8 3q.5 0 .938.15t.862.45q.2.125.213.35t-.163.4l-1.9 1.9l.55.55q.275.275.275.7t-.275.7L12 9.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475 1.013-2.488t2.487-1.012q.2 0 .375.013t.35.062q.225.075.288.313t-.113.412L16.8 5.4q-.15.15-.15.35t.15.35l1.1 1.1q.15.15.35.15t.35-.15l1.625-1.625q.175-.175.413-.125t.312.3q.05.175.063.35t.012.375q0 1.475-1.012 2.487t-2.488 1.013q-.3 0-.6-.05t-.575-.175l-10.2 10.2q-.425.425-1.05.425t-1.05-.425t-.425-1.05"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.85 19.95l-4.425-4.425l2.1-2.1l4.425 4.425q.425.425.425 1.05t-.425 1.05t-1.05.425t-1.05-.425M3.625 18.9q0-.625.425-1.05L9.9 12l-1.7-1.7q-.275.275-.7.275t-.7-.275l-.575-.575v2.25q0 .35-.3.475t-.55-.125L2.65 9.6q-.25-.25-.125-.55T3 8.75h2.25L4.7 8.2q-.3-.3-.3-.7t.3-.7l2.85-2.85q.5-.5 1.075-.725T9.8 3q.5 0 .938.15t.862.45q.2.125.213.35t-.163.4l-1.9 1.9l.55.55q.275.275.275.7t-.275.7L12 9.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475 1.013-2.488t2.487-1.012q.2 0 .375.013t.35.062q.225.075.288.313t-.113.412L16.8 5.4q-.15.15-.15.35t.15.35l1.1 1.1q.15.15.35.15t.35-.15l1.625-1.625q.175-.175.413-.125t.312.3q.05.175.063.35t.012.375q0 1.475-1.012 2.487t-2.488 1.013q-.3 0-.6-.05t-.575-.175l-10.2 10.2q-.425.425-1.05.425t-1.05-.425t-.425-1.05"/></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%22m17.85%2019.95l-4.425-4.425l2.1-2.1l4.425%204.425q.425.425.425%201.05t-.425%201.05t-1.05.425t-1.05-.425M3.625%2018.9q0-.625.425-1.05L9.9%2012l-1.7-1.7q-.275.275-.7.275t-.7-.275l-.575-.575v2.25q0%20.35-.3.475t-.55-.125L2.65%209.6q-.25-.25-.125-.55T3%208.75h2.25L4.7%208.2q-.3-.3-.3-.7t.3-.7l2.85-2.85q.5-.5%201.075-.725T9.8%203q.5%200%20.938.15t.862.45q.2.125.213.35t-.163.4l-1.9%201.9l.55.55q.275.275.275.7t-.275.7L12%209.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475%201.013-2.488t2.487-1.012q.2%200%20.375.013t.35.062q.225.075.288.313t-.113.412L16.8%205.4q-.15.15-.15.35t.15.35l1.1%201.1q.15.15.35.15t.35-.15l1.625-1.625q.175-.175.413-.125t.312.3q.05.175.063.35t.012.375q0%201.475-1.012%202.487t-2.488%201.013q-.3%200-.6-.05t-.575-.175l-10.2%2010.2q-.425.425-1.05.425t-1.05-.425t-.425-1.05%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%22m17.85%2019.95l-4.425-4.425l2.1-2.1l4.425%204.425q.425.425.425%201.05t-.425%201.05t-1.05.425t-1.05-.425M3.625%2018.9q0-.625.425-1.05L9.9%2012l-1.7-1.7q-.275.275-.7.275t-.7-.275l-.575-.575v2.25q0%20.35-.3.475t-.55-.125L2.65%209.6q-.25-.25-.125-.55T3%208.75h2.25L4.7%208.2q-.3-.3-.3-.7t.3-.7l2.85-2.85q.5-.5%201.075-.725T9.8%203q.5%200%20.938.15t.862.45q.2.125.213.35t-.163.4l-1.9%201.9l.55.55q.275.275.275.7t-.275.7L12%209.9l2.25-2.25q-.1-.275-.162-.575t-.063-.6q0-1.475%201.013-2.488t2.487-1.012q.2%200%20.375.013t.35.062q.225.075.288.313t-.113.412L16.8%205.4q-.15.15-.15.35t.15.35l1.1%201.1q.15.15.35.15t.35-.15l1.625-1.625q.175-.175.413-.125t.312.3q.05.175.063.35t.012.375q0%201.475-1.012%202.487t-2.488%201.013q-.3%200-.6-.05t-.575-.175l-10.2%2010.2q-.425.425-1.05.425t-1.05-.425t-.425-1.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/construction-rounded.svg?color=%231a73e8&size=48
