Add icons to this collection by clicking the heart icon.
Building icon - also known as buildings, construction, building, skyline, city, urban, cities, and architecture and city. Created in a clean lineal 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="a"
x1="4.548"
x2="76.012"
y1="63.452"
y2="-8.012"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="11.548"
x2="83.012"
y1="70.452"
y2="-1.012"
href="#a"
/>
<linearGradient
id="c"
x1="19.748"
x2="91.212"
y1="78.652"
y2="7.188"
href="#a"
/>
<linearGradient
id="d"
x1="15.348"
x2="86.811"
y1="74.252"
y2="2.788"
href="#a"
/>
<linearGradient
id="e"
x1="23.548"
x2="95.012"
y1="82.452"
y2="10.988"
href="#a"
/>
<linearGradient
id="f"
x1="14.048"
x2="85.512"
y1="72.952"
y2="1.488"
href="#a"
/>
<linearGradient
id="g"
x1="17.848"
x2="89.311"
y1="76.752"
y2="5.288"
href="#a"
/>
<linearGradient
id="h"
x1="22.248"
x2="93.712"
y1="81.152"
y2="9.688"
href="#a"
/>
<linearGradient
id="i"
x1="26.048"
x2="97.512"
y1="84.952"
y2="13.488"
href="#a"
/>
<linearGradient
id="j"
x1="9.048"
x2="80.512"
y1="67.952"
y2="-3.512"
href="#a"
/>
<linearGradient
id="k"
x1="17.248"
x2="88.712"
y1="76.152"
y2="4.688"
href="#a"
/>
<linearGradient
id="l"
x1="12.848"
x2="84.311"
y1="71.752"
y2=".288"
href="#a"
/>
<linearGradient
id="m"
x1="21.048"
x2="92.512"
y1="79.952"
y2="8.488"
href="#a"
/>
<linearGradient
id="n"
x1="-12.887"
x2="58.576"
y1="46.016"
y2="-25.447"
href="#a"
/>
<linearGradient
id="o"
x1="-9.629"
x2="61.834"
y1="49.274"
y2="-22.189"
href="#a"
/>
<linearGradient
id="p"
x1="-2.274"
x2="69.189"
y1="56.629"
y2="-14.834"
href="#a"
/>
<linearGradient
id="q"
x1="-5.951"
x2="65.512"
y1="52.952"
y2="-18.511"
href="#a"
/>
<linearGradient
id="r"
x1="5.081"
x2="76.544"
y1="63.984"
y2="-7.479"
href="#a"
/>
<linearGradient
id="s"
x1="1.403"
x2="72.866"
y1="60.306"
y2="-11.157"
href="#a"
/>
<linearGradient
id="t"
x1="8.339"
x2="79.802"
y1="67.242"
y2="-4.221"
href="#a"
/>
<linearGradient
id="u"
x1="-10.387"
x2="61.076"
y1="48.516"
y2="-22.947"
href="#a"
/>
<linearGradient
id="v"
x1="-7.129"
x2="64.334"
y1="51.774"
y2="-19.689"
href="#a"
/>
<linearGradient
id="w"
x1="-3.451"
x2="68.012"
y1="55.452"
y2="-16.011"
href="#a"
/>
<linearGradient
id="x"
x1="3.903"
x2="75.366"
y1="62.806"
y2="-8.657"
href="#a"
/>
<linearGradient
id="y"
x1=".226"
x2="71.689"
y1="59.129"
y2="-12.334"
href="#a"
/>
<linearGradient
id="z"
x1="7.581"
x2="79.044"
y1="66.484"
y2="-4.979"
href="#a"
/>
<linearGradient
id="A"
x1="10.839"
x2="82.302"
y1="69.742"
y2="-1.721"
href="#a"
/>
<linearGradient
id="B"
x1="-15.387"
x2="56.076"
y1="43.516"
y2="-27.947"
href="#a"
/>
<linearGradient
id="C"
x1="2.581"
x2="74.044"
y1="61.484"
y2="-9.979"
href="#a"
/>
<linearGradient
id="D"
x1="-4.774"
x2="66.689"
y1="54.129"
y2="-17.334"
href="#a"
/>
<linearGradient
id="E"
x1="-8.451"
x2="63.012"
y1="50.452"
y2="-21.011"
href="#a"
/>
<linearGradient
id="F"
x1="-1.097"
x2="70.366"
y1="57.806"
y2="-13.657"
href="#a"
/>
<linearGradient
id="G"
x1="-12.129"
x2="59.334"
y1="46.774"
y2="-24.689"
href="#a"
/>
<linearGradient
id="H"
x1="5.839"
x2="77.302"
y1="64.742"
y2="-6.721"
href="#a"
/>
<path
fill="url(#a)"
d="M63 62h-7V33h1a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H35a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h1v29h-9V11h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h1v51H1a1 1 0 0 0 0 2h62a1 1 0 0 0 0-2zM36 27h20v4H36zM7 5h20v4H7zm2 57V11h16v51zm42 0H38V33h16v29z"
/>
<path
fill="url(#b)"
d="M46 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M46 49.2a1 1 0 0 0-1 1v4.4a1 1 0 0 0 2 0v-4.4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#d)"
d="M46 40.4a1 1 0 0 0-1 1v4.4a1 1 0 0 0 2 0v-4.4a1 1 0 0 0-1-1z"
/>
<path fill="url(#e)" d="M47 61v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0z" />
<path
fill="url(#f)"
d="M51 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M51 40.4a1 1 0 0 0-1 1v4.4a1 1 0 0 0 2 0v-4.4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M51 49.2a1 1 0 0 0-1 1v4.4a1 1 0 0 0 2 0v-4.4a1 1 0 0 0-1-1z"
/>
<path fill="url(#i)" d="M52 61v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0z" />
<path
fill="url(#j)"
d="M41 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#k)"
d="M41 49.2a1 1 0 0 0-1 1v4.4a1 1 0 0 0 2 0v-4.4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#l)"
d="M41 40.4a1 1 0 0 0-1 1v4.4a1 1 0 0 0 2 0v-4.4a1 1 0 0 0-1-1z"
/>
<path fill="url(#m)" d="M42 61v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0z" />
<path
fill="url(#n)"
d="M17 14.129a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#o)"
d="M17 19.807a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#p)"
d="M17 34.516a1 1 0 0 0-1 1v3.678a1 1 0 0 0 2 0v-3.678a1 1 0 0 0-1-1z"
/>
<path
fill="url(#q)"
d="M17 27.162a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#r)"
d="M17 49.226a1 1 0 0 0-1 1V53.9a1 1 0 0 0 2 0v-3.674a1 1 0 0 0-1-1z"
/>
<path
fill="url(#s)"
d="M17 41.871a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#t)"
d="M17 56.581a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#u)"
d="M22 14.129a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#v)"
d="M22 19.807a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#w)"
d="M22 27.162a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#x)"
d="M22 41.871a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#y)"
d="M22 34.516a1 1 0 0 0-1 1v3.678a1 1 0 0 0 2 0v-3.678a1 1 0 0 0-1-1z"
/>
<path
fill="url(#z)"
d="M22 49.226a1 1 0 0 0-1 1V53.9a1 1 0 0 0 2 0v-3.674a1 1 0 0 0-1-1z"
/>
<path
fill="url(#A)"
d="M22 56.581a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#B)"
d="M12 14.129a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#C)"
d="M12 49.226a1 1 0 0 0-1 1V53.9a1 1 0 0 0 2 0v-3.674a1 1 0 0 0-1-1z"
/>
<path
fill="url(#D)"
d="M12 34.516a1 1 0 0 0-1 1v3.678a1 1 0 0 0 2 0v-3.678a1 1 0 0 0-1-1z"
/>
<path
fill="url(#E)"
d="M12 27.162a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#F)"
d="M12 41.871a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#G)"
d="M12 19.807a1 1 0 0 0-1 1v3.677a1 1 0 0 0 2 0v-3.677a1 1 0 0 0-1-1z"
/>
<path
fill="url(#H)"
d="M12 56.581a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category