Add icons to this collection by clicking the heart icon.
Building icon - also known as building, hotel, resort, and architecture and city. Created in a clean flat 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="b"
x2="15"
y1="56.5"
y2="56.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8cdd79" />
<stop offset="1" stop-color="#d4e6b6" />
</linearGradient>
<linearGradient
id="c"
x2="64"
y1="62"
y2="62"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient
id="a"
x1="12"
x2="18"
y1="7"
y2="7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="d" x1="23" x2="29" href="#a" />
<linearGradient id="e" x1="34" x2="40" href="#a" />
<linearGradient id="f" y1="18" y2="18" href="#a" />
<linearGradient id="g" x1="23" x2="29" y1="18" y2="18" href="#a" />
<linearGradient id="h" x1="34" x2="40" y1="18" y2="18" href="#a" />
<linearGradient id="i" y1="29" y2="29" href="#a" />
<linearGradient id="j" x1="23" x2="29" y1="29" y2="29" href="#a" />
<linearGradient id="k" x1="34" x2="40" y1="29" y2="29" href="#a" />
<linearGradient id="l" x1="51" x2="57" y1="34" y2="34" href="#a" />
<linearGradient id="m" x1="51" x2="57" y1="45" y2="45" href="#a" />
<linearGradient id="n" y1="40" y2="40" href="#a" />
<linearGradient id="o" x1="23" x2="29" y1="40" y2="40" href="#a" />
<linearGradient id="p" x1="34" x2="40" y1="40" y2="40" href="#a" />
<linearGradient id="q" x1="20" x2="32" y1="56" y2="56" href="#a" />
<linearGradient
id="r"
x1="18.65"
x2="33.35"
y1="49"
y2="49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<path
fill="url(#b)"
d="M11.69 52.31a5 5 0 1 0-9.35 3.47A5 5 0 0 0 2 64h6a5.08 5.08 0 0 0 1.59-2 5 5 0 0 0 2.1-9.65z"
/>
<path fill="url(#c)" d="M0 60h64v4H0z" />
<path fill="#86b8e0" d="M9 0h34a2 2 0 0 1 2 2v58H7V2a2 2 0 0 1 2-2z" />
<path fill="#dfe3ea" d="M64 60H45V19l17.69 6.52A2 2 0 0 1 64 27.39z" />
<rect width="6" height="6" x="12" y="4" fill="url(#a)" rx="1" />
<rect width="6" height="6" x="23" y="4" fill="url(#d)" rx="1" />
<rect width="6" height="6" x="34" y="4" fill="url(#e)" rx="1" />
<rect width="6" height="6" x="12" y="15" fill="url(#f)" rx="1" />
<rect width="6" height="6" x="23" y="15" fill="url(#g)" rx="1" />
<rect width="6" height="6" x="34" y="15" fill="url(#h)" rx="1" />
<rect width="6" height="6" x="12" y="26" fill="url(#i)" rx="1" />
<rect width="6" height="6" x="23" y="26" fill="url(#j)" rx="1" />
<rect width="6" height="6" x="34" y="26" fill="url(#k)" rx="1" />
<rect width="6" height="6" x="51" y="31" fill="url(#l)" rx="1" />
<rect width="6" height="6" x="51" y="42" fill="url(#m)" rx="1" />
<rect width="6" height="6" x="12" y="37" fill="url(#n)" rx="1" />
<rect width="6" height="6" x="23" y="37" fill="url(#o)" rx="1" />
<rect width="6" height="6" x="34" y="37" fill="url(#p)" rx="1" />
<path fill="url(#q)" d="M20 52h12v8H20z" />
<path
fill="url(#r)"
d="M32.29 52H19.71a1.06 1.06 0 0 1-.95-1.53 8.1 8.1 0 0 1 14.48 0 1.06 1.06 0 0 1-.95 1.53z"
/>
</svg>
More icons in the same style and category