Add icons to this collection by clicking the heart icon.
Navigate icon - also known as arrows, navigate, direction, orientation, way, planning, organization, route, and seo and web. Created in a clean flat 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 24 24"
>
<path
fill="#2196f3"
d="M12 14H2.75A2.75 2.75 0 0 1 0 11.25v-8.5A2.75 2.75 0 0 1 2.75 0H12z"
/>
<path
fill="#fff"
d="M7.25 10a.75.75 0 0 1-.75-.75V6.1c0-.331-.224-.6-.5-.6s-.5.269-.5.6v3.15a.75.75 0 0 1-1.5 0V6.1C4 4.942 4.897 4 6 4s2 .942 2 2.1v3.15a.75.75 0 0 1-.75.75z"
/>
<path
fill="#fff"
d="M7.25 8.2h-2.5c-.414 0-.5-.336-.5-.75s.086-.75.5-.75h2.5c.414 0 .5.336.5.75s-.086.75-.5.75z"
/>
<path
fill="#1d83d4"
d="M6 5.5c-.276 0-.5.269-.5.6v.6H6zM6 0H2.75A2.75 2.75 0 0 0 0 2.75v8.5A2.75 2.75 0 0 0 2.75 14H6V8.2h-.5v1.05a.75.75 0 0 1-1.5 0V6.1C4 4.942 4.897 4 6 4z"
/>
<path
fill="#dedede"
d="M6 4c-1.103 0-2 .942-2 2.1v3.15a.75.75 0 0 0 1.5 0V8.2h-.75c-.414 0-.5-.336-.5-.75s.086-.75.5-.75h.75v-.6c0-.331.224-.6.5-.6z"
/>
<path fill="#dedede" d="M6 6.7H4.75c-.414 0-.5.336-.5.75s.086.75.5.75H6z" />
<path
fill="#64b5f6"
d="M21.25 14H12V0h9.25A2.75 2.75 0 0 1 24 2.75v8.5A2.75 2.75 0 0 1 21.25 14z"
/>
<g fill="#fff">
<path
d="M18.208 7.75H16.75a.75.75 0 0 1 0-1.5h1.459c.158 0 .292-.172.292-.375s-.133-.375-.292-.375H16.75a.75.75 0 0 1 0-1.5h1.459C19.196 4 20 4.841 20 5.875s-.804 1.875-1.792 1.875z"
/>
<path
d="M18.208 10H16.75a.75.75 0 0 1 0-1.5h1.459c.158 0 .292-.172.292-.375s-.133-.375-.292-.375H16.75a.75.75 0 0 1 0-1.5h1.459c.987 0 1.791.841 1.791 1.875S19.196 10 18.208 10z"
/>
<path
d="M16.75 10a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75z"
/>
</g>
<path
fill="#579ed6"
d="M18 7.75h-.5v.75h.5zm0-2.25h-.5v.75h.5zM18 0h-6v14h6v-4h-1.25a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75H18z"
/>
<path
fill="#dedede"
d="M18 4h-1.25a.75.75 0 0 1 .75.75v.75h.5zM18 8.5h-.5v.75a.75.75 0 1 1-.75.75H18zm0-2.25h-.5v1.5h.5z"
/>
<path
fill="#dedede"
d="M16.75 4a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75z"
/>
<path
fill="#ffcc80"
d="m15.153 13.375 2.796 2.796.009.009c1.664 1.664 1.173 3.935-.505 5.613l-1.183 1.183c-1.197 1.179-2.932 1.301-5.625.032s-3.157-.327-3.745-.914c-.214-.214-.23-.702.477-1.409 1.122-1.122 3.284-.487 3.284-.487l-5.36-5.36c-.387-.387-.383-1.015.008-1.406s1.019-.395 1.406-.008l2.796 2.796a.964.964 0 0 1-.282-.753.987.987 0 0 1 .29-.653.993.993 0 0 1 1.406-.008l.466.466a.964.964 0 0 1-.282-.753.987.987 0 0 1 .29-.653.993.993 0 0 1 1.406-.008l.932.932a.964.964 0 0 1-.282-.753.987.987 0 0 1 .29-.653.995.995 0 0 1 1.408-.009z"
/>
<path
fill="#ffa726"
d="m13.457 14.037 2.148 2.148a.329.329 0 0 1-.469.003l-1.398-1.398a.963.963 0 0 1-.281-.753zM11.111 14.519l2.615 2.615a.329.329 0 0 1-.469.003l-1.864-1.864a.96.96 0 0 1-.282-.754zM9.23 15.467l2.615 2.615a.329.329 0 0 1-.469.003L9.512 16.22a.964.964 0 0 1-.282-.753z"
/>
<path
fill="#deb26f"
d="M6.034 13.223c-.256 0-.513.099-.71.296a.992.992 0 0 0-.008 1.406l5.359 5.36s-.609-.179-1.349-.179c-.654 0-1.409.14-1.935.666-.707.707-.69 1.194-.477 1.409.181.182.351.217.579.217.073 0 .153-.004.24-.007.088-.004.183-.007.29-.007.526 0 1.311.09 2.635.713 1.305.615 2.384.903 3.286.903.961 0 1.721-.327 2.339-.934l.936-.936-7.42-7.42a.985.985 0 0 0-.555.844l2.614 2.614a.332.332 0 0 1-.237.1.326.326 0 0 1-.232-.097l-1.864-1.864-2.796-2.796a.977.977 0 0 0-.695-.288z"
/>
<path
fill="#de9121"
d="M9.244 15.555a.962.962 0 0 0 .281.753l1.864 1.864a.326.326 0 0 0 .232.097c.085 0 .17-.033.237-.1z"
/>
</svg>
More icons in the same style and category