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="100"
height="100"
viewBox="0 0 426 426"
>
<linearGradient
id="a"
x1="249.547"
x2="249.547"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M242.519 282h14.056c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.056c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="249.547"
x2="249.547"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M242.519 330h14.056c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.056c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="249.547"
x2="249.547"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M242.519 378h14.056c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.056c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="172.47"
x2="172.47"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M165.208 282h14.525c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.525c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="172.47"
x2="172.47"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M165.208 329h14.525c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.525c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="172.47"
x2="172.47"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M179.733 356h-14.525c-5.523 0-10 4.477-10 10s4.477 10 10 10h14.525c5.523 0 10-4.477 10-10s-4.477-10-10-10z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="249.547"
x2="249.547"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M242.519 235h14.056c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.056c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="172.47"
x2="172.47"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M165.208 235h14.525c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.525c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="249.547"
x2="249.547"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M242.519 188h14.056c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.056c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="172.47"
x2="172.47"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M165.208 188h14.525c5.523 0 10-4.477 10-10s-4.477-10-10-10h-14.525c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="213"
x2="213"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M395.88 3H238.154c-16.6.025-30.068 13.443-30.154 30.043V70h-91.667C99.657 70.112 86.155 83.58 86 100.255v28.3A10.682 10.682 0 0 0 96.333 139H105v16H30.12C13.651 154.835.166 168.051.001 184.52l-.001.108v228.329C.053 418.512 4.565 422.99 10.12 423h.047l405.819-1.9c5.519-.031 9.985-4.498 10.014-10.017V33.043C425.928 16.451 412.473 3.03 395.88 3zM228 33.043c.075-5.558 4.595-10.029 10.154-10.043H395.88c5.552.017 10.061 4.491 10.12 10.043V55H228V33.043zM320 309h86v30h-86v-30zm0-20v-27h86v27h-86zm0-47v-27h86v27h-86zm0-47v-26h86v26h-86zm0-46v-10h8.73A10.627 10.627 0 0 0 339 128.55V122h67v27h-86zm19-47v-1.745A29.553 29.553 0 0 0 324.623 75H406v27h-67zm-233-1.745A10.522 10.522 0 0 1 116.333 90h192.4A10.465 10.465 0 0 1 319 100.255V119H106v-18.745zM300 139v262.618l-175 .81V139h175zM20 184.628c0-5.514 4.606-9.628 10.12-9.628H105v227.52l-85 .391V184.628zm300 216.9V359h86v42.128l-86 .4z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="61"
x2="61"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M61 269.421c-5.523 0-10 4.477-10 10v18.743c0 5.523 4.477 10 10 10s10-4.477 10-10v-18.743c0-5.523-4.477-10-10-10z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="61"
x2="61"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M61 199.14c-5.523 0-10 4.477-10 10v18.742c0 5.523 4.477 10 10 10s10-4.477 10-10V209.14c0-5.523-4.477-10-10-10z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="61"
x2="61"
y1="463"
y2="-41.48"
gradientTransform="matrix(1 0 0 -1 0 428)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M61 339.7c-5.523 0-10 4.477-10 10v18.742c0 5.523 4.477 10 10 10s10-4.477 10-10V349.7c0-5.523-4.477-10-10-10z"
fill="url(#n)"
/>
</svg>
More icons in the same style and category