Add icons to this collection by clicking the heart icon.
Navigation icon - also known as navigation, pin, map, setting, technical Support, placeholder, and maps and location. Created in a clean flat style with a white, 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 0h-243.439C-317.601 0-377.72 60.119-377.72 134.28v243.44c0 74.161 60.119 134.28 134.281 134.28H0c74.161 0 134.28-60.119 134.28-134.28V134.28C134.28 60.119 74.161 0 0 0"
transform="translate(377.72)"
fill="#6de470"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.905c74.161 0 134.28-60.119 134.28-134.28v-243.44c0-74.161-60.119-134.28-134.28-134.28H0c74.161 0 134.28 60.119 134.28 134.28v243.44C134.28-60.119 74.161 0 0 0"
transform="translate(377.72 512)"
fill="#45d987"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-82.054c0-.814-.011-1.617-.021-2.421h-358.5a3 3 0 0 1-3-3v-128.863h-16.195c-24.93 0-48.274 6.799-68.28 18.626v110.237a3 3 0 0 1-3 3h-62.983c-.01.804-.021 1.607-.021 2.421V0h63.004a3 3 0 0 1 3 3v274.037c20.006 11.826 43.35 18.625 68.28 18.625h16.195V3a3 3 0 0 1 3-3z"
transform="translate(512 216.338)"
fill="#5297ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-82.054c0-.814-.011-1.617-.021-2.421h30.906c.01.804.02 1.607.02 2.421V0z"
transform="translate(481.095 216.338)"
fill="#43809f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-84.475a4.121 4.121 0 0 0-4.121 4.121v134.953a4.121 4.121 0 0 0 4.121 4.121H0a4.12 4.12 0 0 0 4.12-4.121V4.121A4.12 4.12 0 0 0 0 0"
transform="translate(279.694 257.03)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-143.195h26.785a4.12 4.12 0 0 1 4.12 4.12V-4.121A4.12 4.12 0 0 1 26.785 0Z"
transform="translate(252.91 400.226)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-141.135a4.121 4.121 0 0 0-4.121 4.121v92.716a4.121 4.121 0 0 0 4.121 4.121H0a4.12 4.12 0 0 0 4.12-4.121V4.121A4.12 4.12 0 0 0 0 0"
transform="translate(456.886 257.03)"
fill="#ffd54f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.958h26.785a4.12 4.12 0 0 1 4.12 4.121v92.716A4.12 4.12 0 0 1 26.785 0Z"
transform="translate(430.1 357.988)"
fill="#ffc328"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-141.135a4.12 4.12 0 0 0-4.12 4.121v92.716a4.12 4.12 0 0 0 4.12 4.121H0a4.121 4.121 0 0 0 4.121-4.121V4.121A4.121 4.121 0 0 0 0 0"
transform="translate(330.827)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.958h26.785a4.12 4.12 0 0 1 4.12 4.121v92.716A4.12 4.12 0 0 1 26.785 0Z"
transform="translate(304.043 100.957)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80.354a4.121 4.121 0 0 0-4.121 4.121v60.78a4.121 4.121 0 0 0 4.121 4.121H0a4.122 4.122 0 0 0 4.121-4.121V4.121A4.122 4.122 0 0 0 0 0"
transform="translate(397.135 388.894)"
fill="#ffd54f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-69.022h26.784a4.121 4.121 0 0 1 4.121 4.121v60.78A4.121 4.121 0 0 1 26.784 0Z"
transform="translate(370.35 457.916)"
fill="#ffc328"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-63.54-41.006a7.032 7.032 0 0 0-7.626 0L-134.706 0c-5.725 3.695-12.832-2.097-10.368-8.45l71.166-183.516c2.32-5.985 10.79-5.985 13.11 0L10.368-8.45C12.831-2.097 5.725 3.695 0 0"
transform="translate(176.037 455.545)"
fill="#29cef6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.022-14.857-59.784-154.166 8.898-22.943c2.32-5.986 10.79-5.986 13.111 0L10.368-8.45C12.832-2.098 5.725 3.694 0 0"
transform="translate(176.037 455.546)"
fill="#22b5ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-84.789-85.134-162.769-94.776-162.769-9.644 0-94.778 77.98-94.778 162.769 0 52.344 42.434 94.777 94.778 94.777C-42.433 94.777 0 52.344 0 0"
transform="translate(430.1 229.215)"
fill="#f75632"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a95.395 95.395 0 0 1-15.453-1.261C29.539-8.64 63.871-47.696 63.871-94.776c0-66.267-52.001-128.374-79.324-152.347 7.637-6.7 13.347-10.422 15.453-10.422 9.643 0 94.776 77.98 94.776 162.769C94.776-42.433 52.344 0 0 0"
transform="translate(335.324 323.992)"
fill="#e33629"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-25.562 0-46.358 20.796-46.358 46.358 0 25.562 20.796 46.358 46.358 46.358 25.562 0 46.357-20.796 46.357-46.358C46.357 20.796 25.562 0 0 0"
transform="translate(335.324 182.857)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category