Add icons to this collection by clicking the heart icon.
Navigation icon - also known as interface, navigation, internet, pages, search engine optimization, browser, image, ui, landing page, landing pages, optimization, and seo and web. Created in a clean lineal color style with a white, silver, gray, black, 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 0v150h-366v-256c0-11.05 8.95-20 20-20h106v-136c0-11.05 8.95-20 20-20h326c11.05 0 20 8.95 20 20V0Z"
transform="translate(376 292)"
fill="#ecf3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40h-60v60h40C-8.95 20 0 11.05 0 0"
transform="translate(502 332)"
fill="#8690af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60h-306v40c0 11.05 8.95 20 20 20z"
transform="translate(442 352)"
fill="#ff764e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40h-60v60h40C-8.95 20 0 11.05 0 0"
transform="translate(376 482)"
fill="#8690af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60h-306v40c0 11.05 8.95 20 20 20z"
transform="translate(316 502)"
fill="#ff764e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-60v30h-126c-16.57 0-30 13.43-30 30v60c0-16.57 13.43-30 30-30h126v30z"
transform="translate(316 166)"
fill="#c0dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c-11.05 0-20 8.95-20 20v296c0 11.05 8.95 20 20 20h326c11.05 0 20-8.95 20-20V186"
transform="translate(70 166)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90v30l90-60-90-60v30H-36c-16.57 0-30 13.43-30 30v60c0-16.57 13.43-30 30-30Z"
transform="translate(136 196)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h366"
transform="translate(10 442)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h366"
transform="translate(136 292)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60"
transform="translate(442 292)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60"
transform="translate(316 442)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h96"
transform="translate(346 226)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66"
transform="translate(376 166)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h96"
transform="translate(346 106)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.522-4.478-10-10-10-5.523 0-10 4.478-10 10s4.477 10 10 10C-4.478 10 0 5.522 0 0"
transform="translate(326 10)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v136c0 11.05 8.95 20 20 20h326c11.05 0 20-8.95 20-20v-302c0-11.05-8.95-20-20-20H225"
transform="translate(136 196)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-115c-11.05 0-20 8.95-20 20v106"
transform="translate(271 10)"
fill="none"
stroke="#000"
stroke-width="20"
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