Add icons to this collection by clicking the heart icon.
Building icon - also known as apartment, office, tower, building, hotel, real estate, city, company, town, and architecture and city. Created in a clean 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"
>
<defs>
<linearGradient
id="linear-gradient"
x1="32"
x2="32"
y1="4.17"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd54f" />
<stop offset="1" stop-color="#e55325" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="12"
x2="12"
y1="4.17"
y2="61"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="22"
x2="22"
y1="4.17"
y2="61"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="42"
x2="42"
y1="4.17"
y2="61"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-13"
x1="52"
x2="52"
y1="4.17"
y2="61"
href="#linear-gradient"
/>
<style>
.cls-1 {
fill: url(#linear-gradient);
}
.cls-3 {
fill: url(#linear-gradient-4);
}
.cls-4 {
fill: url(#linear-gradient-8);
}
</style>
</defs>
<path
d="M40 62H24a1 1 0 0 1-1-1V51a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1Zm-15-2h14v-8H25Z"
class="cls-1"
/>
<path
d="M13 37h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM13 47h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
fill="url(#linear-gradient-2)"
/>
<path
d="M23 37h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM23 47h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
class="cls-3"
/>
<path
d="M33 37h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM33 47h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
class="cls-1"
/>
<path
d="M43 37h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
class="cls-4"
/>
<path
d="M23 21h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
class="cls-3"
/>
<path
d="M33 21h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
class="cls-1"
/>
<path
d="M43 21h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM43 47h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
class="cls-4"
/>
<path
d="M53 37h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM53 47h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3Zm-2-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
fill="url(#linear-gradient-13)"
/>
<path
d="M60 62H4a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h56a1 1 0 0 1 1 1v36a1 1 0 0 1-1 1ZM5 60h54V26H5Z"
class="cls-1"
/>
<path
d="M50 26H14a1 1 0 0 1-1-1V11a1 1 0 0 1 .68-.95 58.27 58.27 0 0 1 36.64 0A1 1 0 0 1 51 11v14a1 1 0 0 1-1 1Zm-35-2h34V11.73a56.05 56.05 0 0 0-34 0Z"
class="cls-1"
/>
</svg>
More icons in the same style and category