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="-48.057"
x2="-24.85"
y1="643.838"
y2="620.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="M10.667 512h490.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-10.667v-288c0-5.888-4.779-10.667-10.667-10.667H341.333V10.667C341.333 4.779 336.555 0 330.667 0H32c-5.888 0-10.667 4.779-10.667 10.667v480H10.667C4.779 490.667 0 495.445 0 501.333S4.779 512 10.667 512zm202.666-21.333h-64v-64h64v64zm256-277.334v277.333h-128V213.333h128zm-426.666-192H320v469.333h-85.333V416c0-5.888-4.779-10.667-10.667-10.667h-85.333c-5.888 0-10.667 4.779-10.667 10.667v74.667H42.667V21.333z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-42.557"
x2="-38.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="M96 149.333h64c5.888 0 10.667-4.779 10.667-10.667v-64C170.667 68.779 165.888 64 160 64H96c-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(#b)"
/>
<linearGradient
id="c"
x1="-37.557"
x2="-33.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="M202.667 149.333h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64C196.779 64 192 68.779 192 74.667v64c0 5.888 4.779 10.666 10.667 10.666zm10.666-64H256V128h-42.667V85.333z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-42.557"
x2="-38.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="M96 256h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667H96c-5.888 0-10.667 4.779-10.667 10.667v64C85.333 251.221 90.112 256 96 256zm10.667-64h42.667v42.667h-42.667V192z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-37.557"
x2="-33.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="M202.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-64H256v42.667h-42.667V192z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-29.556"
x2="-25.851"
y1="634.339"
y2="630.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="M373.333 341.333h64c5.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.889 4.779 10.667 10.667 10.667zm10.667-64h42.667V320H384v-42.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-29.557"
x2="-25.85"
y1="629.338"
y2="625.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="M373.333 448h64c5.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.667zM384 384h42.667v42.667H384V384z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-42.557"
x2="-38.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="M160 362.667c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667H96c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667h64zm-53.333-64h42.667v42.667h-42.667v-42.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-37.557"
x2="-33.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="M202.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-64H256v42.667h-42.667v-42.667z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category