architecture logo
architecture from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- architecture
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the architecture logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#66bb6a" d="M6.278 22L6 19.556l3.167-8.723a4.37 4.37 0 0 0 1.944 1.056l-3.055 8.389zm11.666 0l-1.777-1.722l-3.056-8.39q.556-.138 1.042-.402a4.4 4.4 0 0 0 .903-.653l3.166 8.723zm-5.833-11.111q-1.389 0-2.361-.972q-.972-.973-.972-2.361q0-1.084.624-1.932q.626-.846 1.598-1.18V2h2.222v2.444a3.27 3.27 0 0 1 1.598 1.18q.624.849.624 1.932q0 1.389-.972 2.36q-.972.973-2.36.973Zm0-2.222q.473 0 .792-.32t.32-.791q0-.473-.32-.793a1.08 1.08 0 0 0-.792-.319q-.472 0-.791.32t-.32.792t.32.79q.319.32.791.32Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeArchitecture(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#66bb6a" d="M6.278 22L6 19.556l3.167-8.723a4.37 4.37 0 0 0 1.944 1.056l-3.055 8.389zm11.666 0l-1.777-1.722l-3.056-8.39q.556-.138 1.042-.402a4.4 4.4 0 0 0 .903-.653l3.166 8.723zm-5.833-11.111q-1.389 0-2.361-.972q-.972-.973-.972-2.361q0-1.084.624-1.932q.626-.846 1.598-1.18V2h2.222v2.444a3.27 3.27 0 0 1 1.598 1.18q.624.849.624 1.932q0 1.389-.972 2.36q-.972.973-2.36.973Zm0-2.222q.473 0 .792-.32t.32-.791q0-.473-.32-.793a1.08 1.08 0 0 0-.792-.319q-.472 0-.791.32t-.32.792t.32.79q.319.32.791.32Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#66bb6a" d="M6.278 22L6 19.556l3.167-8.723a4.37 4.37 0 0 0 1.944 1.056l-3.055 8.389zm11.666 0l-1.777-1.722l-3.056-8.39q.556-.138 1.042-.402a4.4 4.4 0 0 0 .903-.653l3.166 8.723zm-5.833-11.111q-1.389 0-2.361-.972q-.972-.973-.972-2.361q0-1.084.624-1.932q.626-.846 1.598-1.18V2h2.222v2.444a3.27 3.27 0 0 1 1.598 1.18q.624.849.624 1.932q0 1.389-.972 2.36q-.972.973-2.36.973Zm0-2.222q.473 0 .792-.32t.32-.791q0-.473-.32-.793a1.08 1.08 0 0 0-.792-.319q-.472 0-.791.32t-.32.792t.32.79q.319.32.791.32Z"/></svg> </template>
CSS
.icon-architecture {
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%22%2366bb6a%22%20d%3D%22M6.278%2022L6%2019.556l3.167-8.723a4.37%204.37%200%200%200%201.944%201.056l-3.055%208.389zm11.666%200l-1.777-1.722l-3.056-8.39q.556-.138%201.042-.402a4.4%204.4%200%200%200%20.903-.653l3.166%208.723zm-5.833-11.111q-1.389%200-2.361-.972q-.972-.973-.972-2.361q0-1.084.624-1.932q.626-.846%201.598-1.18V2h2.222v2.444a3.27%203.27%200%200%201%201.598%201.18q.624.849.624%201.932q0%201.389-.972%202.36q-.972.973-2.36.973Zm0-2.222q.473%200%20.792-.32t.32-.791q0-.473-.32-.793a1.08%201.08%200%200%200-.792-.319q-.472%200-.791.32t-.32.792t.32.79q.319.32.791.32Z%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%22%2366bb6a%22%20d%3D%22M6.278%2022L6%2019.556l3.167-8.723a4.37%204.37%200%200%200%201.944%201.056l-3.055%208.389zm11.666%200l-1.777-1.722l-3.056-8.39q.556-.138%201.042-.402a4.4%204.4%200%200%200%20.903-.653l3.166%208.723zm-5.833-11.111q-1.389%200-2.361-.972q-.972-.973-.972-2.361q0-1.084.624-1.932q.626-.846%201.598-1.18V2h2.222v2.444a3.27%203.27%200%200%201%201.598%201.18q.624.849.624%201.932q0%201.389-.972%202.36q-.972.973-2.36.973Zm0-2.222q.473%200%20.792-.32t.32-.791q0-.473-.32-.793a1.08%201.08%200%200%200-.792-.319q-.472%200-.791.32t-.32.792t.32.79q.319.32.791.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/architecture.svg?color=%231a73e8&size=48
