Add icons to this collection by clicking the heart icon.
Building icon - also known as buildings, offices, building, flats, city, skyscraper, 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="96"
x2="96"
y1="-10.712"
y2="498.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="384"
x2="384"
y1="-10.712"
y2="498.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="240"
x2="240"
y1="-10.712"
y2="498.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="208"
x2="208"
y1="-10.712"
y2="498.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="272"
x2="272"
y1="-10.712"
y2="498.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M48 224h96v16H48zM48 272h96v16H48zM48 320h96v16H48zM48 368h96v16H48zm0 0"
/>
</g>
<path
fill="url(#c)"
d="M344 272h80v16h-80zM344 224h80v16h-80zM344 320h80v16h-80zM344 368h80v16h-80zm0 0"
/>
<path
fill="url(#d)"
d="M472 432h-8V207.695a8 8 0 0 0-5.113-7.457L320 146.52V8a8 8 0 0 0-8-8H168a8 8 0 0 0-8 8v128a8 8 0 0 0-8-8V64.2a8.009 8.009 0 0 0-3.2-6.4l-32-24.198A7.997 7.997 0 0 0 104 40v88H88V88a8.001 8.001 0 0 0-2.344-5.656l-32-32c-2.289-2.285-5.73-2.973-8.718-1.735S40 52.766 40 56v72a8 8 0 0 0-8 8v24h-8a8 8 0 0 0-8 8v264H8a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-24-218.816V432H320V163.672zM304 16v416h-24v-56c0-13.254-10.746-24-24-24h-32c-13.254 0-24 10.746-24 24v56h-24V16zm-40 416h-48v-56a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zM120 56.078l16 12.106V128h-16zM56 75.281l16 16V128H56zM48 144h96v16H48zm-16 32h128v256H32zm432 288H16v-16h448zm0 0"
/>
<path
fill="url(#e)"
d="M192 80h32a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M256 80h32a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#e)"
d="M192 144h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M256 144h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#e)"
d="M192 208h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M256 208h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#e)"
d="M192 272h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M256 272h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#e)"
d="M192 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M256 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
</svg>
More icons in the same style and category