Add icons to this collection by clicking the heart icon.
Building icon - also known as buildings, construction, building, skyline, city, urban, cities, and architecture and city. Created in a clean lineal gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="12.836"
x2="69.435"
y1="58.664"
y2="2.065"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="34.836"
x2="91.435"
y1="80.664"
y2="24.065"
href="#a"
/>
<linearGradient
id="c"
x1="10.586"
x2="67.185"
y1="56.414"
y2="-.185"
href="#a"
/>
<linearGradient
id="d"
x1="6.086"
x2="62.685"
y1="51.914"
y2="-4.685"
href="#a"
/>
<linearGradient
id="e"
x1="1.586"
x2="58.185"
y1="47.414"
y2="-9.185"
href="#a"
/>
<linearGradient
id="f"
x1="4.086"
x2="60.685"
y1="49.914"
y2="-6.685"
href="#a"
/>
<linearGradient
id="g"
x1="20.586"
x2="77.185"
y1="66.414"
y2="9.815"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M58 53h-3V32a1 1 0 0 0-1-1H44V10a1 1 0 0 0-1-1H21a1 1 0 0 0-1 1v21H10a1 1 0 0 0-1 1v21H2a1 1 0 0 0 0 2h56a1 1 0 0 0 0-2zM11 33h9v20h-9zm11-22h20v42h-4V42a1 1 0 0 0-1-1H27a1 1 0 0 0-1 1v11h-4zm6 42V43h3v10zm5 0V43h3v10zm11 0V33h9v20z"
/>
<path fill="url(#b)" d="M62 53h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M40 39a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H24a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm-1-6v4h-3v-4zm-5 0v4h-4v-4zm-9 0h3v4h-3z"
/>
<path
fill="url(#d)"
d="M24 30h16a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H24a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm15-6v4h-3v-4zm-5 0v4h-4v-4zm-9 0h3v4h-3z"
/>
<path
fill="url(#e)"
d="M24 21h16a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H24a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm15-6v4h-3v-4zm-5 0v4h-4v-4zm-9 0h3v4h-3z"
/>
<path
fill="url(#f)"
d="M18 35h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<path
fill="url(#g)"
d="M51 35h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
</g>
</svg>
More icons in the same style and category