Add icons to this collection by clicking the heart icon.
Navigation icon - also known as smartphone, gps, navigation, mobile phone, placeholder, navigator, mobile app, maps and location, and mobile map. Created in a clean flat style with a white, silver, black, red, teal, 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="512"
height="512"
viewBox="0 0 1707 1707"
>
<g fill-rule="evenodd">
<path fill="#fff" d="M374 262v1183h1172V262z" />
<path fill="#d9d9d9" d="M374 262v1183h44V310h1128v-48z" />
<path
fill="#33be8c"
d="M1134 919c-3 0-5 0-8-1-7-3-12-10-12-19V546c0-5 2-10 5-14l301-305c8-7 21-7 29 0 32 33-15 31 97 15 0-11 9-20 20-20s20 9 20 20v222c0 5-2 10-6 14l-432 435c-4 4-9 6-14 6z"
/>
<path
fill="#fbb83b"
d="M354 1103c-5 0-10-3-14-6-4-4-6-9-6-14V951c0-8 6-16 14-19 2 0 4-1 6-1l70-109c3-6 10-9 17-9l443-1c5 0 10 2 14 6s6 9 6 14v250c0 11-9 20-20 20z"
/>
<path fill="#fba635" d="m374 900 44-69v272h-44z" />
<path
fill="#1ad1ff"
d="M1134 1486H884c-11 0-20-9-20-20V242c0-11 9-20 20-20h250c11 0 20 9 20 20v1224c0 11-9 20-20 20z"
/>
<g fill="#17bce6">
<path
d="M864 310v-48h290v48zM1009 487c-11 0-20-9-20-20v-90c0-11 9-20 20-20s20 9 20 20v90c0 11-9 20-20 20zM1009 692c-11 0-20-9-20-20v-91c0-11 9-20 20-20s20 9 20 20v91c0 11-9 20-20 20zM1009 896c-11 0-20-9-20-20v-90c0-11 9-20 20-20s20 9 20 20v90c0 11-9 20-20 20zM1009 1101c-11 0-20-9-20-20v-90c0-11 9-20 20-20s20 9 20 20v90c0 11-9 20-20 20zM1009 1305c-11 0-20-9-20-20v-90c0-11 9-20 20-20s20 9 20 20v90c0 11-9 20-20 20z"
/>
</g>
<path
fill="#353535"
d="M1546 262H374v1183h1172zM334 242v-90C334 68 402 0 486 0h948c84 0 152 68 152 152v1403c0 84-68 152-152 152H486c-84 0-152-68-152-152V242z"
/>
<path
fill="#dc3e19"
d="M359 979c-3 0-6-1-7-4L231 786c-69-44-110-119-110-201 0-132 107-239 238-239 132 0 239 107 239 239 0 82-41 157-110 201L367 975c-1 3-4 4-8 4z"
/>
<path
fill="#c63817"
d="M359 443c79 0 143 64 143 143s-64 142-143 142c-78 0-142-63-142-142s64-143 142-143zm0 27c65 0 117 52 117 116s-52 116-117 116c-64 0-116-52-116-116s52-116 116-116z"
/>
<path
fill="#b1b1b1"
d="M1098 151H822c-11 0-20-9-20-20s9-20 20-20h276c11 0 20 9 20 20s-9 20-20 20zM1098 1596H822c-11 0-20-9-20-20s9-20 20-20h276c11 0 20 9 20 20s-9 20-20 20z"
/>
<path
fill="#fff"
d="M359 713c-70 0-128-57-128-128s58-129 128-129c71 0 129 58 129 129s-58 128-129 128z"
/>
</g>
</svg>
More icons in the same style and category