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 512 512"
>
<linearGradient
id="a"
x1="24.61"
x2="578.443"
y1="495.39"
y2="-58.443"
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="-119.39"
x2="434.443"
y1="351.39"
y2="-202.443"
href="#a"
/>
<linearGradient
id="c"
x1="-79.39"
x2="474.443"
y1="391.39"
y2="-162.443"
href="#a"
/>
<linearGradient
id="d"
x1="-39.39"
x2="514.443"
y1="431.39"
y2="-122.443"
href="#a"
/>
<linearGradient
id="e"
x1=".61"
x2="554.443"
y1="471.39"
y2="-82.443"
href="#a"
/>
<linearGradient
id="f"
x1="56.61"
x2="610.443"
y1="527.39"
y2="-26.443"
href="#a"
/>
<linearGradient
id="g"
x1="32.61"
x2="586.443"
y1="503.39"
y2="-50.443"
href="#a"
/>
<linearGradient
id="h"
x1="72.61"
x2="626.443"
y1="543.39"
y2="-10.443"
href="#a"
/>
<linearGradient
id="i"
x1="112.61"
x2="666.443"
y1="583.39"
y2="29.557"
href="#a"
/>
<linearGradient
id="j"
x1="168.61"
x2="722.443"
y1="639.39"
y2="85.557"
href="#a"
/>
<path
fill="url(#a)"
d="M496 472h-8V112a8 8 0 0 0-8-8H264V32a8 8 0 0 0-8-8H32a8 8 0 0 0-8 8v440h-8a8 8 0 0 0 0 16h480a8 8 0 0 0 0-16zm-392 0H40v-32h64zm64 0h-48v-80h48zm80 0h-64v-32h64zm0-48h-64v-40a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v40H40V40h208zm80 48h-64v-32h64zm64 0h-48v-80h48zm80 0h-64v-32h64zm0-48h-64v-40a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v40h-64V120h208z"
/>
<path
fill="url(#b)"
d="M56 120h176a8 8 0 0 0 8-8V64a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm168-48v32h-40V72zm-56 0v32h-48V72zM64 72h40v32H64z"
/>
<path
fill="url(#c)"
d="M56 200h176a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm168-48v32h-40v-32zm-56 0v32h-48v-32zm-104 0h40v32H64z"
/>
<path
fill="url(#d)"
d="M56 280h176a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm168-48v32h-40v-32zm-56 0v32h-48v-32zm-104 0h40v32H64z"
/>
<path
fill="url(#e)"
d="M232 360a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm-8-48v32h-40v-32zm-56 0v32h-48v-32zm-104 0h40v32H64z"
/>
<path
fill="url(#f)"
d="M152 416a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8z"
/>
<path
fill="url(#g)"
d="M280 200h176a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H280a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm168-48v32h-40v-32zm-56 0v32h-48v-32zm-104 0h40v32h-40z"
/>
<path
fill="url(#h)"
d="M280 280h176a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H280a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm168-48v32h-40v-32zm-56 0v32h-48v-32zm-104 0h40v32h-40z"
/>
<path
fill="url(#i)"
d="M280 360h176a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H280a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm168-48v32h-40v-32zm-56 0v32h-48v-32zm-104 0h40v32h-40z"
/>
<path
fill="url(#j)"
d="M376 416a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8z"
/>
</svg>
More icons in the same style and category