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="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4e4e5" />
<stop offset="1" stop-color="#9e9da3" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="142.47"
x2="369.52"
y1="263.445"
y2="263.445"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5e79ff" />
<stop offset="1" stop-color="#041fa8" />
</linearGradient>
<path d="M142.47 114.54h227.05v272.03H142.47z" fill="url(#b)" />
<linearGradient
id="c"
x1="208.41"
x2="303.59"
y1="162.41"
y2="162.41"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe047" />
<stop offset="1" stop-color="#ffaa20" />
</linearGradient>
<path d="M208.41 316.61h95.18v69.96h-95.18z" fill="url(#c)" />
<linearGradient
id="d"
x1="180.33"
x2="333.04"
y1="354.985"
y2="354.985"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M172.11 142.51h33.01v33.01h-33.01z" fill="url(#d)" />
<linearGradient
id="e"
x1="180.33"
x2="333.04"
y1="305.185"
y2="305.185"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M172.11 192.31h33.01v33.01h-33.01z" fill="url(#e)" />
<linearGradient
id="f"
x1="180.33"
x2="333.04"
y1="255.375"
y2="255.375"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M172.11 242.12h33.01v33.01h-33.01z" fill="url(#f)" />
<linearGradient
id="g"
x1="180.33"
x2="333.04"
y1="354.985"
y2="354.985"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M217.03 142.51h33.01v33.01h-33.01z" fill="url(#g)" />
<linearGradient
id="h"
x1="180.33"
x2="333.04"
y1="305.185"
y2="305.185"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M217.03 192.31h33.01v33.01h-33.01z" fill="url(#h)" />
<linearGradient
id="i"
x1="180.33"
x2="333.04"
y1="255.375"
y2="255.375"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M217.03 242.12h33.01v33.01h-33.01z" fill="url(#i)" />
<linearGradient
id="j"
x1="180.33"
x2="333.04"
y1="354.985"
y2="354.985"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M261.96 142.51h33.01v33.01h-33.01z" fill="url(#j)" />
<linearGradient
id="k"
x1="180.33"
x2="333.04"
y1="305.185"
y2="305.185"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M261.96 192.31h33.01v33.01h-33.01z" fill="url(#k)" />
<linearGradient
id="l"
x1="180.33"
x2="333.04"
y1="255.375"
y2="255.375"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M261.96 242.12h33.01v33.01h-33.01z" fill="url(#l)" />
<linearGradient
id="m"
x1="180.33"
x2="333.04"
y1="354.985"
y2="354.985"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M306.88 142.51h33.01v33.01h-33.01z" fill="url(#m)" />
<linearGradient
id="n"
x1="180.33"
x2="333.04"
y1="305.185"
y2="305.185"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M306.88 192.31h33.01v33.01h-33.01z" fill="url(#n)" />
<linearGradient
id="o"
x1="180.33"
x2="333.04"
y1="255.375"
y2="255.375"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M306.88 242.12h33.01v33.01h-33.01z" fill="url(#o)" />
<linearGradient
id="p"
x1="94.87"
x2="417.14"
y1="119.386"
y2="119.386"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2929" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path d="M94.87 381.9h322.27v25.428H94.87z" fill="url(#p)" />
<linearGradient
id="q"
x1="180.33"
x2="333.04"
y1="200.218"
y2="200.218"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M197.77 307.19h116.47v13.185H197.77z" fill="url(#q)" />
<linearGradient
id="r"
x1="129.49"
x2="382.52"
y1="414.213"
y2="414.213"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5cb" />
<stop offset="1" stop-color="#ffd400" />
</linearGradient>
<path d="M129.49 82h253.03v35.574H129.49z" fill="url(#r)" />
</svg>
More icons in the same style and category