Add icons to this collection by clicking the heart icon.
City Map icon - also known as navigation, map, destination, point, city, city map, maps and location, and architecture and city. Created in a clean flat style with a white, silver, gray, red, yellow, and orange 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 0v-323.452c0-17.067 13.837-30.902 30.905-30.902h450.19c17.068 0 30.905 13.835 30.905 30.902V0Z"
transform="translate(0 402.354)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v263.706h512V0c0-15.929-12.915-28.843-28.845-28.843H28.845C12.915-28.843 0-15.929 0 0"
transform="translate(0 107.746)"
fill="#6de470"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-84.468h-361.521v-70.562h-84.475v70.562H-512V0h66.004v137.519h84.475V0z"
transform="translate(512 233.933)"
fill="#5297ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-354.354c0 16.125-12.349 29.364-28.107 30.778-1.573.141-2.798 1.414-2.798 2.993v348.32a3.011 3.011 0 0 0 3.338 2.988C-12.067 29.061 0 15.941 0 0"
transform="translate(512 433.257)"
fill="#d2d2d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-354.354c0 16.125 12.349 29.364 28.107 30.778 1.573.141 2.798 1.414 2.798 2.993v348.32a3.011 3.011 0 0 1-3.338 2.988C12.067 29.061 0 15.941 0 0"
transform="translate(0 433.257)"
fill="#d2d2d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-104.048a4.121 4.121 0 0 0-4.121 4.121v66.956a4.12 4.12 0 0 0 4.121 4.12H0a4.12 4.12 0 0 0 4.121-4.12V4.121A4.121 4.121 0 0 0 0 0"
transform="translate(287.935 262.26)"
fill="#ffd54f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75.197h26.785a4.12 4.12 0 0 1 4.12 4.12V-4.12A4.12 4.12 0 0 1 26.785 0z"
transform="translate(261.15 337.458)"
fill="#ffc328"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-104.048a4.121 4.121 0 0 0-4.121 4.121v66.956a4.12 4.12 0 0 0 4.121 4.12H0a4.12 4.12 0 0 0 4.121-4.12V4.121A4.121 4.121 0 0 0 0 0"
transform="translate(441.433 262.26)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75.197h26.785a4.12 4.12 0 0 1 4.12 4.12V-4.12A4.12 4.12 0 0 1 26.785 0z"
transform="translate(414.648 337.458)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-104.048a4.121 4.121 0 0 0-4.121 4.121v36.053a4.12 4.12 0 0 0 4.121 4.12H0a4.12 4.12 0 0 0 4.121-4.12V4.121A4.121 4.121 0 0 0 0 0"
transform="translate(287.935 78.903)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-44.294h26.785a4.12 4.12 0 0 1 4.12 4.12V-4.12A4.12 4.12 0 0 1 26.785 0z"
transform="translate(261.15 123.197)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-104.048a4.121 4.121 0 0 0-4.121 4.121v36.053a4.12 4.12 0 0 0 4.121 4.12H0a4.12 4.12 0 0 0 4.121-4.12V4.121A4.121 4.121 0 0 0 0 0"
transform="translate(441.433 78.903)"
fill="#f75632"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-44.294h26.785a4.12 4.12 0 0 1 4.12 4.12V-4.12A4.12 4.12 0 0 1 26.785 0z"
transform="translate(414.648 123.197)"
fill="#e33629"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5 7.5v20.602a7.5 7.5 0 0 1-15 0V7.5A7.5 7.5 0 0 1 0 0"
transform="translate(108.684 313.477)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-20.602a7.5 7.5 0 0 1 15 0V-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(109.2 283.667)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-20.602a7.5 7.5 0 0 1 15 0V-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(109.2 140.483)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20.604a7.5 7.5 0 0 1 0-15H0A7.5 7.5 0 0 1 0 0"
transform="translate(205.006 200.229)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20.604a7.5 7.5 0 0 1 0-15H0A7.5 7.5 0 0 1 0 0"
transform="translate(279.18 200.229)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20.604a7.5 7.5 0 0 1 0-15H0A7.5 7.5 0 0 1 0 0"
transform="translate(353.352 200.229)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20.604a7.5 7.5 0 0 1 0-15H0A7.5 7.5 0 0 1 0 0"
transform="translate(427.525 200.229)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category