Add icons to this collection by clicking the heart icon.
Building icon - also known as buildings, office, building, office block, real estate, 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 512 512"
>
<linearGradient
id="a"
x1="-45.557"
x2="-23.85"
y1="644.338"
y2="622.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M32 512h448c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-32v-480C448 4.779 443.221 0 437.333 0H74.667C68.779 0 64 4.779 64 10.667v480H32c-5.888 0-10.667 4.779-10.667 10.667S26.112 512 32 512zm266.667-21.333h-85.333v-85.333h85.333v85.333zM85.333 21.333h341.333v469.333H320v-96c0-5.888-4.779-10.667-10.667-10.667H202.667c-5.888 0-10.667 4.779-10.667 10.667v96H85.333V21.333z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.557"
x2="-37.85"
y1="643.338"
y2="639.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M117.333 149.333h64c5.888 0 10.667-4.779 10.667-10.667v-64C192 68.779 187.221 64 181.333 64h-64c-5.888 0-10.667 4.779-10.667 10.667v64c.001 5.888 4.779 10.666 10.667 10.666zm10.667-64h42.667V128H128V85.333z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.556"
x2="-27.851"
y1="643.339"
y2="639.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 149.333h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64C324.779 64 320 68.779 320 74.667v64c0 5.888 4.779 10.666 10.667 10.666zm10.666-64H384V128h-42.667V85.333z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-36.557"
x2="-32.85"
y1="643.338"
y2="639.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 149.333h64c5.888 0 10.667-4.779 10.667-10.667v-64C298.667 68.779 293.888 64 288 64h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.666 10.667 10.666zm10.667-64h42.667V128h-42.667V85.333z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-41.557"
x2="-37.85"
y1="638.338"
y2="634.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M117.333 256h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c.001 5.888 4.779 10.667 10.667 10.667zM128 192h42.667v42.667H128V192z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-31.556"
x2="-27.851"
y1="638.339"
y2="634.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 256h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667zm10.666-64H384v42.667h-42.667V192z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.557"
x2="-32.85"
y1="638.338"
y2="634.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 256h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667zm10.667-64h42.667v42.667h-42.667V192z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.557"
x2="-37.85"
y1="633.338"
y2="629.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M192 352v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667h64c5.888 0 10.667-4.779 10.667-10.667zm-21.333-10.667H128v-42.667h42.667v42.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-31.556"
x2="-27.851"
y1="633.339"
y2="629.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 362.667h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667zm10.666-64H384v42.667h-42.667v-42.667z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-36.557"
x2="-32.85"
y1="633.338"
y2="629.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 362.667h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667zm10.667-64h42.667v42.667h-42.667v-42.667z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category