buildings icon
buildings-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- buildings-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
All buildings icons →Use the buildings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 5L9 5L9 4C9 2.3431 10.3431 1 12 1L20 1C21.6569 1 23 2.3431 23 4L23 20C23 21.6569 21.6569 23 20 23L3.5 23C2.1193 23 1 21.8807 1 20.5L1 7.5C1 6.1193 2.1193 5 3.5 5ZM13 23L19 23L19 20C19 18.3431 17.6569 17 16 17C14.3431 17 13 18.3431 13 20L13 23ZM14 5C13.4477 5 13 5.4477 13 6L13 8C13 8.5523 13.4477 9 14 9C14.5523 9 15 8.5523 15 8L15 6C15 5.4477 14.5523 5 14 5ZM14 11C13.4477 11 13 11.4477 13 12L13 14C13 14.5523 13.4477 15 14 15C14.5523 15 15 14.5523 15 14L15 12C15 11.4477 14.5523 11 14 11ZM18 5C17.4477 5 17 5.4477 17 6L17 8C17 8.5523 17.4477 9 18 9C18.5523 9 19 8.5523 19 8L19 6C19 5.4477 18.5523 5 18 5ZM18 11C17.4477 11 17 11.4477 17 12L17 14C17 14.5523 17.4477 15 18 15C18.5523 15 19 14.5523 19 14L19 12C19 11.4477 18.5523 11 18 11ZM6 9C5.4477 9 5 9.4477 5 10L5 12C5 12.5523 5.4477 13 6 13C6.5523 13 7 12.5523 7 12L7 10C7 9.4477 6.5523 9 6 9ZM6 15C5.4477 15 5 15.4477 5 16L5 18C5 18.5523 5.4477 19 6 19C6.5523 19 7 18.5523 7 18L7 16C7 15.4477 6.5523 15 6 15Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsBuildingsFill(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="M3.5 5L9 5L9 4C9 2.3431 10.3431 1 12 1L20 1C21.6569 1 23 2.3431 23 4L23 20C23 21.6569 21.6569 23 20 23L3.5 23C2.1193 23 1 21.8807 1 20.5L1 7.5C1 6.1193 2.1193 5 3.5 5ZM13 23L19 23L19 20C19 18.3431 17.6569 17 16 17C14.3431 17 13 18.3431 13 20L13 23ZM14 5C13.4477 5 13 5.4477 13 6L13 8C13 8.5523 13.4477 9 14 9C14.5523 9 15 8.5523 15 8L15 6C15 5.4477 14.5523 5 14 5ZM14 11C13.4477 11 13 11.4477 13 12L13 14C13 14.5523 13.4477 15 14 15C14.5523 15 15 14.5523 15 14L15 12C15 11.4477 14.5523 11 14 11ZM18 5C17.4477 5 17 5.4477 17 6L17 8C17 8.5523 17.4477 9 18 9C18.5523 9 19 8.5523 19 8L19 6C19 5.4477 18.5523 5 18 5ZM18 11C17.4477 11 17 11.4477 17 12L17 14C17 14.5523 17.4477 15 18 15C18.5523 15 19 14.5523 19 14L19 12C19 11.4477 18.5523 11 18 11ZM6 9C5.4477 9 5 9.4477 5 10L5 12C5 12.5523 5.4477 13 6 13C6.5523 13 7 12.5523 7 12L7 10C7 9.4477 6.5523 9 6 9ZM6 15C5.4477 15 5 15.4477 5 16L5 18C5 18.5523 5.4477 19 6 19C6.5523 19 7 18.5523 7 18L7 16C7 15.4477 6.5523 15 6 15Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 5L9 5L9 4C9 2.3431 10.3431 1 12 1L20 1C21.6569 1 23 2.3431 23 4L23 20C23 21.6569 21.6569 23 20 23L3.5 23C2.1193 23 1 21.8807 1 20.5L1 7.5C1 6.1193 2.1193 5 3.5 5ZM13 23L19 23L19 20C19 18.3431 17.6569 17 16 17C14.3431 17 13 18.3431 13 20L13 23ZM14 5C13.4477 5 13 5.4477 13 6L13 8C13 8.5523 13.4477 9 14 9C14.5523 9 15 8.5523 15 8L15 6C15 5.4477 14.5523 5 14 5ZM14 11C13.4477 11 13 11.4477 13 12L13 14C13 14.5523 13.4477 15 14 15C14.5523 15 15 14.5523 15 14L15 12C15 11.4477 14.5523 11 14 11ZM18 5C17.4477 5 17 5.4477 17 6L17 8C17 8.5523 17.4477 9 18 9C18.5523 9 19 8.5523 19 8L19 6C19 5.4477 18.5523 5 18 5ZM18 11C17.4477 11 17 11.4477 17 12L17 14C17 14.5523 17.4477 15 18 15C18.5523 15 19 14.5523 19 14L19 12C19 11.4477 18.5523 11 18 11ZM6 9C5.4477 9 5 9.4477 5 10L5 12C5 12.5523 5.4477 13 6 13C6.5523 13 7 12.5523 7 12L7 10C7 9.4477 6.5523 9 6 9ZM6 15C5.4477 15 5 15.4477 5 16L5 18C5 18.5523 5.4477 19 6 19C6.5523 19 7 18.5523 7 18L7 16C7 15.4477 6.5523 15 6 15Z"/></svg> </template>
CSS
.icon-buildings-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%22M3.5%205L9%205L9%204C9%202.3431%2010.3431%201%2012%201L20%201C21.6569%201%2023%202.3431%2023%204L23%2020C23%2021.6569%2021.6569%2023%2020%2023L3.5%2023C2.1193%2023%201%2021.8807%201%2020.5L1%207.5C1%206.1193%202.1193%205%203.5%205ZM13%2023L19%2023L19%2020C19%2018.3431%2017.6569%2017%2016%2017C14.3431%2017%2013%2018.3431%2013%2020L13%2023ZM14%205C13.4477%205%2013%205.4477%2013%206L13%208C13%208.5523%2013.4477%209%2014%209C14.5523%209%2015%208.5523%2015%208L15%206C15%205.4477%2014.5523%205%2014%205ZM14%2011C13.4477%2011%2013%2011.4477%2013%2012L13%2014C13%2014.5523%2013.4477%2015%2014%2015C14.5523%2015%2015%2014.5523%2015%2014L15%2012C15%2011.4477%2014.5523%2011%2014%2011ZM18%205C17.4477%205%2017%205.4477%2017%206L17%208C17%208.5523%2017.4477%209%2018%209C18.5523%209%2019%208.5523%2019%208L19%206C19%205.4477%2018.5523%205%2018%205ZM18%2011C17.4477%2011%2017%2011.4477%2017%2012L17%2014C17%2014.5523%2017.4477%2015%2018%2015C18.5523%2015%2019%2014.5523%2019%2014L19%2012C19%2011.4477%2018.5523%2011%2018%2011ZM6%209C5.4477%209%205%209.4477%205%2010L5%2012C5%2012.5523%205.4477%2013%206%2013C6.5523%2013%207%2012.5523%207%2012L7%2010C7%209.4477%206.5523%209%206%209ZM6%2015C5.4477%2015%205%2015.4477%205%2016L5%2018C5%2018.5523%205.4477%2019%206%2019C6.5523%2019%207%2018.5523%207%2018L7%2016C7%2015.4477%206.5523%2015%206%2015Z%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%22M3.5%205L9%205L9%204C9%202.3431%2010.3431%201%2012%201L20%201C21.6569%201%2023%202.3431%2023%204L23%2020C23%2021.6569%2021.6569%2023%2020%2023L3.5%2023C2.1193%2023%201%2021.8807%201%2020.5L1%207.5C1%206.1193%202.1193%205%203.5%205ZM13%2023L19%2023L19%2020C19%2018.3431%2017.6569%2017%2016%2017C14.3431%2017%2013%2018.3431%2013%2020L13%2023ZM14%205C13.4477%205%2013%205.4477%2013%206L13%208C13%208.5523%2013.4477%209%2014%209C14.5523%209%2015%208.5523%2015%208L15%206C15%205.4477%2014.5523%205%2014%205ZM14%2011C13.4477%2011%2013%2011.4477%2013%2012L13%2014C13%2014.5523%2013.4477%2015%2014%2015C14.5523%2015%2015%2014.5523%2015%2014L15%2012C15%2011.4477%2014.5523%2011%2014%2011ZM18%205C17.4477%205%2017%205.4477%2017%206L17%208C17%208.5523%2017.4477%209%2018%209C18.5523%209%2019%208.5523%2019%208L19%206C19%205.4477%2018.5523%205%2018%205ZM18%2011C17.4477%2011%2017%2011.4477%2017%2012L17%2014C17%2014.5523%2017.4477%2015%2018%2015C18.5523%2015%2019%2014.5523%2019%2014L19%2012C19%2011.4477%2018.5523%2011%2018%2011ZM6%209C5.4477%209%205%209.4477%205%2010L5%2012C5%2012.5523%205.4477%2013%206%2013C6.5523%2013%207%2012.5523%207%2012L7%2010C7%209.4477%206.5523%209%206%209ZM6%2015C5.4477%2015%205%2015.4477%205%2016L5%2018C5%2018.5523%205.4477%2019%206%2019C6.5523%2019%207%2018.5523%207%2018L7%2016C7%2015.4477%206.5523%2015%206%2015Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/buildings-fill.svg?color=%231a73e8&size=48
