Add icons to this collection by clicking the heart icon.
Compass icon - also known as cursor, navigation, direction, compass, orientation, Tools and utensils, cardinal points, and maps and location. Created in a clean flat style with a white, silver, black, red, teal, orange, and pink 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 514 514"
>
<path
fill="#fea72b"
d="M257 90c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45zm0-60c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.729-15-15-15z"
/>
<path
fill="#ff7b4a"
d="M272 45c0 8.271-6.729 15-15 15v30c24.813 0 45-20.187 45-45S281.813 0 257 0v30c8.271 0 15 6.729 15 15z"
/>
<circle cx="257" cy="287" r="212" fill="#fff2de" />
<path
fill="#ffe4c2"
d="M469 287c0-117.084-94.916-212-212-212v424c117.084 0 212-94.916 212-212z"
/>
<path
fill="#384949"
d="M257 122.375c-8.284 0-15-6.716-15-15V75c0-8.284 6.716-15 15-15s15 6.716 15 15v32.375c0 8.284-6.716 15-15 15zM77.375 302H45c-8.284 0-15-6.716-15-15s6.716-15 15-15h32.375c8.284 0 15 6.716 15 15s-6.716 15-15 15zM257 514c-8.284 0-15-6.716-15-15v-32.375c0-8.284 6.716-15 15-15s15 6.716 15 15V499c0 8.284-6.716 15-15 15z"
/>
<path
fill="#283939"
d="M469 302h-32.375c-8.284 0-15-6.716-15-15s6.716-15 15-15H469c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
<path
fill="#ff425b"
d="M357.112 205.867 314.17 334.68a11.52 11.52 0 0 1-.304.827 17.186 17.186 0 0 1-.735 1.584 15.237 15.237 0 0 1-2.588 3.451L227 316.333l-23.542-82.875a15.282 15.282 0 0 1 2.701-2.15c.24-.156.495-.297.75-.438a16.81 16.81 0 0 1 1.584-.735c.269-.113.552-.212.827-.304l128.814-42.943c11.73-3.91 22.888 7.248 18.978 18.979z"
/>
<path
fill="#283939"
d="M272 499v-32.375c0-8.284-6.716-15-15-15V514c8.284 0 15-6.716 15-15zM272 107.375V75c0-8.284-6.716-15-15-15v62.375c8.284 0 15-6.716 15-15z"
/>
<path
fill="#ffd15e"
d="M257 514c-60.634 0-117.639-23.612-160.513-66.487C53.612 404.639 30 347.634 30 287s23.612-117.639 66.487-160.513C139.361 83.612 196.366 60 257 60s117.639 23.612 160.513 66.487C460.388 169.361 484 226.366 484 287s-23.612 117.639-66.487 160.513C374.639 490.388 317.634 514 257 514zm0-424C148.374 90 60 178.374 60 287s88.374 197 197 197 197-88.374 197-197S365.626 90 257 90z"
/>
<path
fill="#fea72b"
d="M484 287c0-60.634-23.612-117.639-66.487-160.513C374.639 83.612 317.634 60 257 60v30c108.626 0 197 88.374 197 197s-88.374 197-197 197v30c60.634 0 117.639-23.612 160.513-66.487C460.388 404.639 484 347.634 484 287z"
/>
<path
fill="#d1014f"
d="M310.542 340.542a15.282 15.282 0 0 0 2.15-2.701c.156-.24.297-.495.438-.75a16.81 16.81 0 0 0 .735-1.584c.113-.269.212-.552.304-.827l42.942-128.814c1.955-5.865.143-11.588-3.624-15.355l-125.97 125.972z"
/>
<path
fill="#7ae0fa"
d="m203.458 233.458 107.084 107.084a14.924 14.924 0 0 1-5.862 3.627l-128.814 42.943c-11.731 3.91-22.889-7.248-18.979-18.979L199.83 239.32a14.937 14.937 0 0 1 3.628-5.862z"
/>
<path
fill="#4bb9ec"
d="M160.512 383.488c3.767 3.767 9.489 5.579 15.355 3.624L304.68 344.17a14.94 14.94 0 0 0 5.862-3.628L257 287z"
/>
</svg>
More icons in the same style and category