Add icons to this collection by clicking the heart icon.
City icon - also known as buildings, real estate, electronics, flats, city, cityscape, futuristic, skyscraper, and architecture and city. Created in a clean lineal color style with a silver, gray, black, olive, teal, and magenta finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-72.061l21.031 333.31c.33 5.27 4.7 9.37 9.98 9.37h10.039c5.281 0 9.651-4.1 9.981-9.37z"
transform="translate(365.03 148.078)"
fill="#a0acba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23l-21.03 333.31a9.985 9.985 0 0 1-3.5 6.99 10.041 10.041 0 0 0 6.48 2.38h10.039c5.281 0 9.651-4.1 9.981-9.37z"
transform="translate(365.03 148.078)"
fill="#798d99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45.561-13.31 4.481 71.04h37.439z"
transform="translate(351.36 364.748)"
fill="#798d99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.061l21.028 333.316a10 10 0 0 0 9.979 9.371h10.047a10 10 0 0 0 9.98-9.371z"
transform="translate(365.03 148.076)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-3.3-1.09-6.4-2.97-8.91a14.842 14.842 0 0 0-7.719-5.35L-167.55-60.07c-6.399-1.87-12.8 2.93-12.8 9.6V4.86c0 5.52 4.47 10 10 10h155.491C-6.649 14.86 0 8.21 0 0"
transform="translate(460.02 426.818)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-58.601-58.6-44.74-13.07L-31.67 0Z"
transform="translate(406.98 441.678)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.63-44.63-27.51-8.04L-19.479 0Z"
transform="translate(440.84 441.678)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-85.666c-5.523 0-10-4.477-10-10v-55.329c0-6.668 6.402-11.468 12.803-9.599L73.993-29.123a14.86 14.86 0 0 1 10.694 14.264C84.687-6.653 78.034 0 69.827 0H34.001"
transform="translate(375.333 441.676)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-54.448-92.119"
transform="translate(409.333 401.009)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.643 32.642a9.997 9.997 0 0 0 7.071 2.929h57.357v55.253c0 2.653 1.054 5.196 2.929 7.072l39.694 39.694a10.003 10.003 0 0 0 7.072 2.929h59.783c2.652 0 5.196-1.054 7.071-2.929L317.105 34.105h46.824c2.652 0 5.196-1.054 7.071-2.929l38.159-38.159a10.001 10.001 0 0 0 2.929-7.071v-49.675H-2.929v56.658C-2.929-4.419-1.875-1.875 0 0"
transform="translate(47.929 189.64)"
fill="#fd4fb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-49.677h-29.68v53.82l-44.009 44.009h25.528c2.652 0 5.195-1.053 7.07-2.927L-2.93 7.072A10.002 10.002 0 0 0 0 0"
transform="translate(460.02 175.589)"
fill="#fe2aa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.67l-106.41 106.42h25.527a9.997 9.997 0 0 0 7.072-2.929z"
transform="translate(365.03 223.741)"
fill="#fe2aa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32.643 32.642a9.997 9.997 0 0 0 7.071 2.929h57.357v55.253c0 2.653 1.054 5.196 2.929 7.072l39.694 39.694a10.003 10.003 0 0 0 7.072 2.929h59.783c2.652 0 5.196-1.054 7.071-2.929L317.105 34.105h46.824c2.652 0 5.196-1.054 7.071-2.929l38.159-38.159a10.001 10.001 0 0 0 2.929-7.071v-49.675H-2.929v56.658C-2.929-4.419-1.875-1.875 0 0z"
transform="translate(47.929 189.64)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-32.525c0-5.995-4.854-10.86-10.86-10.86h-106.025c-5.994 0-10.859 4.865-10.859 10.86V0Z"
transform="translate(319.87 105.95)"
fill="#798d99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M319.869 83.708H192.125v22.241h127.744z"
fill="#586d77"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.525c0-5.995-4.854-10.86-10.86-10.86h-29.908c6.005 0 10.86 4.865 10.86 10.86V0Z"
transform="translate(319.87 105.95)"
fill="#586d77"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-106.026c-5.998 0-10.861 4.862-10.861 10.86v32.525H10.859V10.86C10.859 4.862 5.998 0 0 0Z"
transform="translate(309.012 62.568)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.033-11.491"
transform="translate(256.013 32.728)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.704-9.968"
transform="translate(283.458 37.624)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.763 9.935"
transform="translate(222.834 27.85)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-123.33v272.58c0 5.53 4.471 10 10 10H-39c5.12 0 9.41-3.85 9.95-8.94z"
transform="translate(227.93 125.801)"
fill="#314dc8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-29.05 273.64a9.994 9.994 0 0 1-9.95 8.94h30c5.12 0 9.41-3.85 9.95-8.94z"
transform="translate(227.93 125.801)"
fill="#2740b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a17.4 17.4 0 0 0-1.021-.03h-96.41c-1.67 0-3.269.25-4.79.73v30.8c1.511.48 3.12.73 4.79.73h94z"
transform="translate(206.82 324.691)"
fill="#2740b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66v85.7s13.22-.1 26.92-.16c14.73-.06 30.01-.07 29.98.16z"
transform="translate(218.33 216.211)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-9.08 85.54c14.73-.06 30.01-.07 29.98.16z"
transform="translate(218.33 216.211)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.567 118.37a10 10 0 0 1-9.945 8.944H-96.85c-5.523 0-10-4.477-10-10v-272.579H16.483L3.59-33.824"
transform="translate(211.445 281.071)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a16.115 16.115 0 0 0-16.13-16.13h-96.41c-8.909 0-16.13 7.22-16.13 16.13 0 4.46 1.801 8.49 4.721 11.41a16.13 16.13 0 0 0 11.409 4.72h96.41C-7.22 16.13 0 8.91 0 0"
transform="translate(221.93 359.991)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.26-32.26h-24.389L-24.39 0Z"
transform="translate(179.35 376.122)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a16.115 16.115 0 0 0-16.13-16.13h-41.28l32.261 32.26h9.019C-7.22 16.13 0 8.91 0 0"
transform="translate(221.93 359.991)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.403c-8.91 0-16.132 7.223-16.132 16.132 0 8.91 7.222 16.132 16.132 16.132H0c8.909 0 16.132-7.222 16.132-16.132C16.132 7.223 8.909 0 0 0Z"
transform="translate(205.797 343.858)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.048-.458-56.899 0-56.899 0v-85.703H9.099"
transform="translate(209.232 301.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-11.647 9.441-21.089 21.089-21.089h454.818c11.648 0 21.089 9.442 21.089 21.089 0 5.778-4.684 10.463-10.463 10.463H10.463C4.685 10.463 0 5.778 0 0"
transform="translate(7.5 124.343)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.652-9.448-21.089-21.089-21.089h-30.284c11.642 0 21.089 9.437 21.089 21.089 0 2.889-1.17 5.504-3.069 7.402a10.44 10.44 0 0 1-7.401 3.058h30.283c2.89 0 5.504-1.17 7.403-3.058A10.435 10.435 0 0 0 0 0"
transform="translate(504.5 124.346)"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M137.549 134.806H93.262v-31.552h44.287z"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v31.552"
transform="translate(137.549 103.254)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.552"
transform="translate(93.262 134.806)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h86.073c11.648 0 21.089 9.442 21.089 21.089 0 5.778-4.683 10.463-10.463 10.463h-476.07c-5.778 0-10.463-4.685-10.463-10.463C-389.834 9.442-380.393 0-368.745 0h334.744"
transform="translate(397.334 103.254)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-51.358"
transform="translate(268.333 186.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-51.358"
transform="translate(73.667 186.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-47.906"
transform="translate(338.363 186.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-47.906"
transform="translate(403.917 186.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h244.83c19.279 0 34.908 15.629 34.908 34.908 0 19.279-15.629 34.907-34.908 34.907H135.559"
transform="translate(221.929 189.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-54.093C-73.371 0-89 15.629-89 34.908c0 19.279 15.629 34.907 34.907 34.907H0"
transform="translate(101 189.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-28.032"
transform="translate(393.667 256.067)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64.527"
transform="translate(453.127 256.067)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64.527"
transform="translate(54.333 256.067)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v37.948"
transform="translate(127 408.385)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v62.615"
transform="translate(152.333 408.385)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category