building icon
building-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- building-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
buildingBootstrap IconsbuildingBoxIcons v2buildingBoxIcons v2 SolidbuildingCarbonbuildingFramework7 IconsbuildingFont Awesome 6 RegularbuildingFont Awesome 6 SolidbuildingFont Awesome RegularbuildingFont Awesome Solidbuilding-outlineFlowbite Iconsbuilding-16-filledFluent UI System Iconsbuilding-16Fluent UI System Color IconsbuildingHuge IconsbuildingHumbleiconsbuildingIconoirbuildingJam IconsbuildingLine AwesomebuildingLucidebuildingMyna UI IconsbuildingPhosphorbuildingPixelarticonsbuildingPrime Iconsbuilding-fillRemix IconbuildingTabler Icons
Use the building icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7 1H17C19.20914 1 21 2.79086 21 5V19C21 21.20914 19.20914 23 17 23H15V20C15 18.34315 13.65685 17 12 17C10.34315 17 9 18.34315 9 20V23H7C4.79086 23 3 21.20914 3 19V5C3 2.79086 4.79086 1 7 1ZM9 5C8.44772 5 8 5.44772 8 6V8C8 8.55228 8.44772 9 9 9C9.55228 9 10 8.55228 10 8V6C10 5.44772 9.55228 5 9 5ZM15 5C14.44772 5 14 5.44772 14 6V8C14 8.55228 14.44772 9 15 9C15.55228 9 16 8.55228 16 8V6C16 5.44772 15.55228 5 15 5ZM9 11C8.44772 11 8 11.44772 8 12V14C8 14.55228 8.44772 15 9 15C9.55228 15 10 14.55228 10 14V12C10 11.44772 9.55228 11 9 11ZM15 11C14.44772 11 14 11.44772 14 12V14C14 14.55228 14.44772 15 15 15C15.55228 15 16 14.55228 16 14V12C16 11.44772 15.55228 11 15 11Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsBuildingFill(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" fillRule="evenodd" d="M7 1H17C19.20914 1 21 2.79086 21 5V19C21 21.20914 19.20914 23 17 23H15V20C15 18.34315 13.65685 17 12 17C10.34315 17 9 18.34315 9 20V23H7C4.79086 23 3 21.20914 3 19V5C3 2.79086 4.79086 1 7 1ZM9 5C8.44772 5 8 5.44772 8 6V8C8 8.55228 8.44772 9 9 9C9.55228 9 10 8.55228 10 8V6C10 5.44772 9.55228 5 9 5ZM15 5C14.44772 5 14 5.44772 14 6V8C14 8.55228 14.44772 9 15 9C15.55228 9 16 8.55228 16 8V6C16 5.44772 15.55228 5 15 5ZM9 11C8.44772 11 8 11.44772 8 12V14C8 14.55228 8.44772 15 9 15C9.55228 15 10 14.55228 10 14V12C10 11.44772 9.55228 11 9 11ZM15 11C14.44772 11 14 11.44772 14 12V14C14 14.55228 14.44772 15 15 15C15.55228 15 16 14.55228 16 14V12C16 11.44772 15.55228 11 15 11Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7 1H17C19.20914 1 21 2.79086 21 5V19C21 21.20914 19.20914 23 17 23H15V20C15 18.34315 13.65685 17 12 17C10.34315 17 9 18.34315 9 20V23H7C4.79086 23 3 21.20914 3 19V5C3 2.79086 4.79086 1 7 1ZM9 5C8.44772 5 8 5.44772 8 6V8C8 8.55228 8.44772 9 9 9C9.55228 9 10 8.55228 10 8V6C10 5.44772 9.55228 5 9 5ZM15 5C14.44772 5 14 5.44772 14 6V8C14 8.55228 14.44772 9 15 9C15.55228 9 16 8.55228 16 8V6C16 5.44772 15.55228 5 15 5ZM9 11C8.44772 11 8 11.44772 8 12V14C8 14.55228 8.44772 15 9 15C9.55228 15 10 14.55228 10 14V12C10 11.44772 9.55228 11 9 11ZM15 11C14.44772 11 14 11.44772 14 12V14C14 14.55228 14.44772 15 15 15C15.55228 15 16 14.55228 16 14V12C16 11.44772 15.55228 11 15 11Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-building-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%20fill-rule%3D%22evenodd%22%20d%3D%22M7%201H17C19.20914%201%2021%202.79086%2021%205V19C21%2021.20914%2019.20914%2023%2017%2023H15V20C15%2018.34315%2013.65685%2017%2012%2017C10.34315%2017%209%2018.34315%209%2020V23H7C4.79086%2023%203%2021.20914%203%2019V5C3%202.79086%204.79086%201%207%201ZM9%205C8.44772%205%208%205.44772%208%206V8C8%208.55228%208.44772%209%209%209C9.55228%209%2010%208.55228%2010%208V6C10%205.44772%209.55228%205%209%205ZM15%205C14.44772%205%2014%205.44772%2014%206V8C14%208.55228%2014.44772%209%2015%209C15.55228%209%2016%208.55228%2016%208V6C16%205.44772%2015.55228%205%2015%205ZM9%2011C8.44772%2011%208%2011.44772%208%2012V14C8%2014.55228%208.44772%2015%209%2015C9.55228%2015%2010%2014.55228%2010%2014V12C10%2011.44772%209.55228%2011%209%2011ZM15%2011C14.44772%2011%2014%2011.44772%2014%2012V14C14%2014.55228%2014.44772%2015%2015%2015C15.55228%2015%2016%2014.55228%2016%2014V12C16%2011.44772%2015.55228%2011%2015%2011Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M7%201H17C19.20914%201%2021%202.79086%2021%205V19C21%2021.20914%2019.20914%2023%2017%2023H15V20C15%2018.34315%2013.65685%2017%2012%2017C10.34315%2017%209%2018.34315%209%2020V23H7C4.79086%2023%203%2021.20914%203%2019V5C3%202.79086%204.79086%201%207%201ZM9%205C8.44772%205%208%205.44772%208%206V8C8%208.55228%208.44772%209%209%209C9.55228%209%2010%208.55228%2010%208V6C10%205.44772%209.55228%205%209%205ZM15%205C14.44772%205%2014%205.44772%2014%206V8C14%208.55228%2014.44772%209%2015%209C15.55228%209%2016%208.55228%2016%208V6C16%205.44772%2015.55228%205%2015%205ZM9%2011C8.44772%2011%208%2011.44772%208%2012V14C8%2014.55228%208.44772%2015%209%2015C9.55228%2015%2010%2014.55228%2010%2014V12C10%2011.44772%209.55228%2011%209%2011ZM15%2011C14.44772%2011%2014%2011.44772%2014%2012V14C14%2014.55228%2014.44772%2015%2015%2015C15.55228%2015%2016%2014.55228%2016%2014V12C16%2011.44772%2015.55228%2011%2015%2011Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/building-fill.svg?color=%231a73e8&size=48
