Add icons to this collection by clicking the heart icon.
Base icon - also known as building, space station, base, 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 512 512"
>
<radialGradient
id="f"
cx="269.486"
cy="158.339"
r="166.534"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a6c95" />
<stop offset=".276" stop-color="#756691" />
<stop offset=".65" stop-color="#665586" />
<stop offset="1" stop-color="#523e78" />
</radialGradient>
<radialGradient
id="g"
cx="296.435"
cy="120.178"
r="166.854"
gradientUnits="userSpaceOnUse"
>
<stop offset=".074" stop-color="#f3f3fd" />
<stop offset=".259" stop-color="#d6d5f0" />
<stop offset=".66" stop-color="#8c8acf" />
<stop offset=".693" stop-color="#8684cc" />
<stop offset=".769" stop-color="#8582c7" />
<stop offset=".864" stop-color="#827bb7" />
<stop offset=".967" stop-color="#7c709e" />
<stop offset="1" stop-color="#7a6c95" />
</radialGradient>
<linearGradient
id="a"
x1="179.317"
x2="179.317"
y1="360.382"
y2="307.529"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3a7e4" />
<stop offset=".186" stop-color="#a0a3df" />
<stop offset=".419" stop-color="#9897cf" />
<stop offset=".676" stop-color="#8b85b6" />
<stop offset=".933" stop-color="#7a6c95" />
</linearGradient>
<linearGradient
id="h"
x1="277.934"
x2="277.934"
y1="360.382"
y2="307.529"
href="#a"
/>
<linearGradient
id="i"
x1="422.935"
x2="422.935"
y1="360.382"
y2="307.529"
href="#a"
/>
<linearGradient
id="j"
x1="208.956"
x2="259.208"
y1="281.229"
y2="281.229"
gradientUnits="userSpaceOnUse"
>
<stop offset=".067" stop-color="#7a6c95" />
<stop offset=".324" stop-color="#8b85b6" />
<stop offset=".581" stop-color="#9897cf" />
<stop offset=".814" stop-color="#a0a3df" />
<stop offset="1" stop-color="#a3a7e4" />
</linearGradient>
<linearGradient
id="k"
x1="95.96"
x2="110.96"
y1="181.954"
y2="181.954"
href="#a"
/>
<linearGradient
id="l"
x1="121.536"
x2="145.88"
y1="195.439"
y2="195.439"
href="#a"
/>
<linearGradient
id="e"
x1="251.208"
x2="449.66"
y1="264.598"
y2="264.598"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e5fa" />
<stop offset=".269" stop-color="#e2e2f9" />
<stop offset=".517" stop-color="#d7d7f4" />
<stop offset=".755" stop-color="#c5c6ed" />
<stop offset=".989" stop-color="#aaaee3" />
<stop offset=".992" stop-color="#aaaee3" />
</linearGradient>
<linearGradient
id="c"
x1="314.93"
x2="385.942"
y1="335.711"
y2="335.711"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3a7e4" />
<stop offset=".195" stop-color="#9fa1dc" />
<stop offset=".49" stop-color="#9492c8" />
<stop offset=".847" stop-color="#8379a6" />
<stop offset="1" stop-color="#7a6c95" />
</linearGradient>
<linearGradient
id="b"
x1="350.436"
x2="350.436"
y1="337.515"
y2="329.515"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3a7e4" />
<stop offset="1" stop-color="#7a6c95" />
</linearGradient>
<linearGradient
id="m"
x1="350.436"
x2="350.436"
y1="354.114"
y2="346.114"
href="#b"
/>
<radialGradient
id="n"
cx="374.279"
cy="333.186"
r="94.515"
gradientUnits="userSpaceOnUse"
>
<stop offset=".113" stop-color="#7a6c95" />
<stop offset=".428" stop-color="#786993" />
<stop offset=".652" stop-color="#6f608d" />
<stop offset=".847" stop-color="#625084" />
<stop offset="1" stop-color="#523e78" />
</radialGradient>
<radialGradient id="o" cx="341.5" cy="273.471" r="23.779" href="#c" />
<linearGradient
id="d"
x1="161.43"
x2="197.204"
y1="357.986"
y2="357.986"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#8684cc" />
<stop offset=".257" stop-color="#8582c7" />
<stop offset=".561" stop-color="#827bb7" />
<stop offset=".895" stop-color="#7c709e" />
<stop offset="1" stop-color="#7a6c95" />
</linearGradient>
<linearGradient
id="p"
x1="96.98"
x2="96.98"
y1="360.382"
y2="307.529"
href="#a"
/>
<linearGradient
id="q"
x1="79.093"
x2="114.867"
y1="357.986"
y2="357.986"
href="#d"
/>
<linearGradient
id="r"
x1="260.047"
x2="295.821"
y1="357.986"
y2="357.986"
href="#d"
/>
<linearGradient
id="s"
x1="405.048"
x2="440.821"
y1="357.986"
y2="357.986"
href="#d"
/>
<linearGradient
id="t"
x1="257"
x2="257"
y1="370.861"
y2="362.861"
gradientUnits="userSpaceOnUse"
>
<stop offset=".113" stop-color="#7a6c95" />
<stop offset="1" stop-color="#523e78" />
</linearGradient>
<linearGradient
id="u"
x1="62.34"
x2="213.956"
y1="264.616"
y2="264.616"
href="#e"
/>
<linearGradient
id="v"
x1="85.177"
x2="191.12"
y1="261.65"
y2="261.65"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a6c95" />
<stop offset=".275" stop-color="#756691" />
<stop offset=".637" stop-color="#675687" />
<stop offset="1" stop-color="#523e78" />
</linearGradient>
<path
fill="url(#f)"
d="m429.871 216.21-14.961-35.344-31.023-30.049h-66.906l-31.023 30.049-14.961 35.344 79.439 45.703z"
/>
<path
fill="url(#g)"
d="m433.728 215.05-15.134-35.744a3.998 3.998 0 0 0-.901-1.313l-31.023-30.049-.077.08a3.99 3.99 0 0 0-2.85-1.206h-66.762a3.994 3.994 0 0 0-2.78 1.13l-31.026 30.045a3.998 3.998 0 0 0-.9 1.314l-15.106 35.706 7.511 2.757 12.773-30.175 29.966 26.574a4.001 4.001 0 0 0 5.484-.166l27.459-27.477 27.459 27.477a4.003 4.003 0 0 0 5.483.166l30.071-26.667 12.812 30.268zM317.08 156.289l22.946 20.656-44.623.34zm87.95 20.577h-44.247l22.934-20.645zm-31.711-22.049-22.959 20.667-22.958-20.667zm-53.413 50.866-23.013-20.409 43.741-.334zm60.909 0-20.802-20.817h44.275z"
/>
<path fill="url(#a)" d="M172.277 307.529h14.079v52.854h-14.079z" />
<path fill="url(#h)" d="M270.894 307.529h14.079v52.854h-14.079z" />
<path fill="url(#i)" d="M415.895 307.529h14.079v52.854h-14.079z" />
<path fill="url(#j)" d="M208.956 255.222h50.252v52.014h-50.252z" />
<path
fill="url(#k)"
d="M103.46 145.297a7.495 7.495 0 0 0-4 13.836v59.478h8v-59.478a7.495 7.495 0 0 0-4-13.836z"
/>
<path
fill="url(#l)"
d="M141.708 172.266h-16c-5.569 0-5.557 8.409 0 8.409h4v37.936h8v-37.936h4c5.568 0 5.556-8.41 0-8.41z"
/>
<path
fill="url(#e)"
d="M251.208 313.529a4 4 0 0 0 4 4H445.66a4 4 0 0 0 4-4v-72.22c0-17.881-14.829-29.641-29.641-29.641h-139.17a29.655 29.655 0 0 0-29.641 29.641z"
/>
<path
fill="url(#c)"
d="m385.942 317.535-35.508-12.974-35.504 12.974v49.327h71.012z"
/>
<path fill="url(#b)" d="M314.93 329.515h71.012v8H314.93z" />
<path fill="url(#m)" d="M314.93 346.114h71.012v8H314.93z" />
<path fill="url(#n)" d="M314.93 317.535a43.268 43.268 0 1 1 71.012-.005z" />
<circle cx="350.434" cy="283.533" r="9.765" fill="url(#o)" />
<path fill="url(#d)" d="M161.43 366.862c0-23.676 35.774-23.66 35.774 0z" />
<path fill="url(#p)" d="M89.94 307.529h14.079v52.854H89.94z" />
<path fill="url(#q)" d="M79.093 366.862c0-23.676 35.773-23.66 35.773 0z" />
<path fill="url(#r)" d="M260.047 366.862c0-23.676 35.774-23.66 35.774 0z" />
<path fill="url(#s)" d="M440.821 366.862c0-23.676-35.774-23.66-35.774 0z" />
<path
fill="url(#t)"
d="M481 370.861H33c-5.298 0-5.285-8 0-8h448c5.298 0 5.285 8 0 8z"
/>
<path
fill="url(#u)"
d="M62.34 313.529a4 4 0 0 0 4 4h143.616a4 4 0 0 0 4-4v-60.152a41.712 41.712 0 0 0-41.674-41.674h-68.268a41.686 41.686 0 0 0-41.674 41.674z"
/>
<path
fill="url(#v)"
d="M179.094 273.768H97.202c-16.023 0-16.045-24.237 0-24.237h81.892c16.023 0 16.045 24.237 0 24.237z"
/>
</svg>
More icons in the same style and category