building tree icon
building-tree-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- building-tree-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
Related icons in Mage Icons
Use the building tree icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.345 19.884V12.02a3.476 3.476 0 0 0-3.406-3.466V6.139a3.476 3.476 0 0 0-3.466-3.476h-5.28A3.45 3.45 0 0 0 6.75 3.665a3.42 3.42 0 0 0-1.002 2.454v3.647A2.104 2.104 0 0 0 2 11.098v1.343a2.07 2.07 0 0 0 1.353 1.953v5.44h-.19a.752.752 0 0 0 0 1.503h18.122a.751.751 0 0 0 .08-1.493zm-16.65-7.443a.61.61 0 0 1-1.212 0v-1.363a.612.612 0 1 1 1.212 0zm1.002 7.393h-.892v-5.39c.351-.126.66-.348.892-.64zm8.395 0H9.544v-3.186a2.124 2.124 0 0 1 2.114-2.113h.33a2.1 2.1 0 0 1 1.493.62c.391.4.61.935.611 1.493zm-.33-8.455H9.843a.752.752 0 0 1 0-1.503h3.918a.752.752 0 1 1 0 1.503m0-3.627H9.843a.752.752 0 1 1 0-1.502h3.918a.752.752 0 1 1 0 1.502m6.01 12.082H17.87v-9.808a1.9 1.9 0 0 1 1.322.572c.366.368.574.863.582 1.382z"/></svg>
React
import type { SVGProps } from "react";
export function MageBuildingTreeFill(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="M21.345 19.884V12.02a3.476 3.476 0 0 0-3.406-3.466V6.139a3.476 3.476 0 0 0-3.466-3.476h-5.28A3.45 3.45 0 0 0 6.75 3.665a3.42 3.42 0 0 0-1.002 2.454v3.647A2.104 2.104 0 0 0 2 11.098v1.343a2.07 2.07 0 0 0 1.353 1.953v5.44h-.19a.752.752 0 0 0 0 1.503h18.122a.751.751 0 0 0 .08-1.493zm-16.65-7.443a.61.61 0 0 1-1.212 0v-1.363a.612.612 0 1 1 1.212 0zm1.002 7.393h-.892v-5.39c.351-.126.66-.348.892-.64zm8.395 0H9.544v-3.186a2.124 2.124 0 0 1 2.114-2.113h.33a2.1 2.1 0 0 1 1.493.62c.391.4.61.935.611 1.493zm-.33-8.455H9.843a.752.752 0 0 1 0-1.503h3.918a.752.752 0 1 1 0 1.503m0-3.627H9.843a.752.752 0 1 1 0-1.502h3.918a.752.752 0 1 1 0 1.502m6.01 12.082H17.87v-9.808a1.9 1.9 0 0 1 1.322.572c.366.368.574.863.582 1.382z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.345 19.884V12.02a3.476 3.476 0 0 0-3.406-3.466V6.139a3.476 3.476 0 0 0-3.466-3.476h-5.28A3.45 3.45 0 0 0 6.75 3.665a3.42 3.42 0 0 0-1.002 2.454v3.647A2.104 2.104 0 0 0 2 11.098v1.343a2.07 2.07 0 0 0 1.353 1.953v5.44h-.19a.752.752 0 0 0 0 1.503h18.122a.751.751 0 0 0 .08-1.493zm-16.65-7.443a.61.61 0 0 1-1.212 0v-1.363a.612.612 0 1 1 1.212 0zm1.002 7.393h-.892v-5.39c.351-.126.66-.348.892-.64zm8.395 0H9.544v-3.186a2.124 2.124 0 0 1 2.114-2.113h.33a2.1 2.1 0 0 1 1.493.62c.391.4.61.935.611 1.493zm-.33-8.455H9.843a.752.752 0 0 1 0-1.503h3.918a.752.752 0 1 1 0 1.503m0-3.627H9.843a.752.752 0 1 1 0-1.502h3.918a.752.752 0 1 1 0 1.502m6.01 12.082H17.87v-9.808a1.9 1.9 0 0 1 1.322.572c.366.368.574.863.582 1.382z"/></svg> </template>
CSS
.icon-building-tree-fill {
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%22M21.345%2019.884V12.02a3.476%203.476%200%200%200-3.406-3.466V6.139a3.476%203.476%200%200%200-3.466-3.476h-5.28A3.45%203.45%200%200%200%206.75%203.665a3.42%203.42%200%200%200-1.002%202.454v3.647A2.104%202.104%200%200%200%202%2011.098v1.343a2.07%202.07%200%200%200%201.353%201.953v5.44h-.19a.752.752%200%200%200%200%201.503h18.122a.751.751%200%200%200%20.08-1.493zm-16.65-7.443a.61.61%200%200%201-1.212%200v-1.363a.612.612%200%201%201%201.212%200zm1.002%207.393h-.892v-5.39c.351-.126.66-.348.892-.64zm8.395%200H9.544v-3.186a2.124%202.124%200%200%201%202.114-2.113h.33a2.1%202.1%200%200%201%201.493.62c.391.4.61.935.611%201.493zm-.33-8.455H9.843a.752.752%200%200%201%200-1.503h3.918a.752.752%200%201%201%200%201.503m0-3.627H9.843a.752.752%200%201%201%200-1.502h3.918a.752.752%200%201%201%200%201.502m6.01%2012.082H17.87v-9.808a1.9%201.9%200%200%201%201.322.572c.366.368.574.863.582%201.382z%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%22M21.345%2019.884V12.02a3.476%203.476%200%200%200-3.406-3.466V6.139a3.476%203.476%200%200%200-3.466-3.476h-5.28A3.45%203.45%200%200%200%206.75%203.665a3.42%203.42%200%200%200-1.002%202.454v3.647A2.104%202.104%200%200%200%202%2011.098v1.343a2.07%202.07%200%200%200%201.353%201.953v5.44h-.19a.752.752%200%200%200%200%201.503h18.122a.751.751%200%200%200%20.08-1.493zm-16.65-7.443a.61.61%200%200%201-1.212%200v-1.363a.612.612%200%201%201%201.212%200zm1.002%207.393h-.892v-5.39c.351-.126.66-.348.892-.64zm8.395%200H9.544v-3.186a2.124%202.124%200%200%201%202.114-2.113h.33a2.1%202.1%200%200%201%201.493.62c.391.4.61.935.611%201.493zm-.33-8.455H9.843a.752.752%200%200%201%200-1.503h3.918a.752.752%200%201%201%200%201.503m0-3.627H9.843a.752.752%200%201%201%200-1.502h3.918a.752.752%200%201%201%200%201.502m6.01%2012.082H17.87v-9.808a1.9%201.9%200%200%201%201.322.572c.366.368.574.863.582%201.382z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/building-tree-fill.svg?color=%231a73e8&size=48
