Add icons to this collection by clicking the heart icon.
Building icon - also known as buildings, office, building, office block, architectonic, city, urban, 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 2 98 98"
>
<linearGradient
id="a"
x1="49"
x2="49"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M87.3 9.7H10.7c-1.7 0-3 1.3-3 3v80.6c0 1.7 1.3 3 3 3h76.6c1.7 0 3-1.3 3-3V12.7c0-1.7-1.3-3-3-3zM53.1 90.3h-8.2V73.9h8.2v16.4zm31.2 0H59.1V70.9c0-1.7-1.3-3-3-3H41.9c-1.7 0-3 1.3-3 3v19.4H13.7V15.7h70.6v74.6z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="71.55"
x2="71.55"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M65.5 61.9h12.1c1.7 0 3-1.3 3-3V47.1c0-1.7-1.3-3-3-3H65.5c-1.7 0-3 1.3-3 3v11.8c0 1.7 1.3 3 3 3zm3-11.8h6.1v5.8h-6.1v-5.8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="48.95"
x2="48.95"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M41.9 61.9H56c1.7 0 3-1.3 3-3V47.1c0-1.7-1.3-3-3-3H41.9c-1.7 0-3 1.3-3 3v11.8c0 1.7 1.3 3 3 3zm3-11.8H53v5.8h-8.1v-5.8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="26.45"
x2="26.45"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M20.4 61.9h12.1c1.7 0 3-1.3 3-3V47.1c0-1.7-1.3-3-3-3H20.4c-1.7 0-3 1.3-3 3v11.8c0 1.7 1.3 3 3 3zm3-11.8h6.1v5.8h-6.1v-5.8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="71.55"
x2="71.55"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M65.5 85.7h12.1c1.7 0 3-1.3 3-3V70.9c0-1.7-1.3-3-3-3H65.5c-1.7 0-3 1.3-3 3v11.8c0 1.7 1.3 3 3 3zm3-11.8h6.1v5.8h-6.1v-5.8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="26.45"
x2="26.45"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M20.4 85.7h12.1c1.7 0 3-1.3 3-3V70.9c0-1.7-1.3-3-3-3H20.4c-1.7 0-3 1.3-3 3v11.8c0 1.7 1.3 3 3 3zm3-11.8h6.1v5.8h-6.1v-5.8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="71.55"
x2="71.55"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M65.5 38h12.1c1.7 0 3-1.3 3-3V23.2c0-1.7-1.3-3-3-3H65.5c-1.7 0-3 1.3-3 3V35c0 1.7 1.3 3 3 3zm3-11.8h6.1V32h-6.1v-5.8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="48.95"
x2="48.95"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M41.9 38H56c1.7 0 3-1.3 3-3V23.2c0-1.7-1.3-3-3-3H41.9c-1.7 0-3 1.3-3 3V35c0 1.7 1.3 3 3 3zm3-11.8H53V32h-8.1v-5.8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="26.45"
x2="26.45"
y1="95.333"
y2="8.234"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M20.4 38h12.1c1.7 0 3-1.3 3-3V23.2c0-1.7-1.3-3-3-3H20.4c-1.7 0-3 1.3-3 3V35c0 1.7 1.3 3 3 3zm3-11.8h6.1V32h-6.1v-5.8z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category