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="51"
x2="51"
y1="1"
y2="65.25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd54f" />
<stop offset="1" stop-color="#e55325" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
x1="33"
x2="33"
y1="1"
y2="65.25"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="23"
x2="23"
y1="1"
y2="65.25"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-11"
x1="13"
x2="13"
y1="1"
y2="65.25"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-16"
x1="28"
x2="28"
y1="1"
y2="65.25"
href="#linear-gradient"
/>
<style>
.cls-1 {
fill: url(#linear-gradient);
}
.cls-2 {
fill: url(#linear-gradient-3);
}
.cls-3 {
fill: url(#linear-gradient-4);
}
</style>
</defs>
<path
d="M52 15h-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-1ZM52 25h-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="M34 27h-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-2"
/>
<path
d="M24 27h-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="M52 35h-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-1ZM52 45h-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="M34 44h-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-1ZM34 54h-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-2"
/>
<path
d="M24 44h-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-1ZM24 54h-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="M14 44h-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-1ZM14 54h-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-11)"
/>
<path
d="M55 61h-8a1 1 0 0 1-1-1V48a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1Zm-7-2h6V49h-6Z"
class="cls-1"
/>
<path
d="M60 61H42a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v56a1 1 0 0 1-1 1Zm-17-2h16V5H43Z"
class="cls-1"
/>
<path
d="M42 61H4a1 1 0 0 1-1-1V32a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v28a1 1 0 0 1-1 1ZM5 59h36V33H5Z"
class="cls-3"
/>
<path
d="M42 33H14a1 1 0 0 1-1-1V14a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1Zm-27-2h26V15H15Z"
fill="url(#linear-gradient-16)"
/>
</svg>
More icons in the same style and category