Add icons to this collection by clicking the heart icon.
Compass icon - also known as navigation, direction, compass, travel, orientation, cardinal points, and maps and location. Created in a clean flat style with a white, silver, gray, red, 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 512 512"
>
<path
fill="#fc0023"
d="M296 95.912c-8.284 0-15-6.716-15-15V55c0-13.785-11.215-25-25-25s-25 11.215-25 25v25.912c0 8.284-6.716 15-15 15s-15-6.716-15-15V55c0-30.327 24.673-55 55-55s55 24.673 55 55v25.912c0 8.284-6.716 15-15 15z"
/>
<path
fill="#c10000"
d="M256 0v30c13.785 0 25 11.215 25 25v25.912c0 8.284 6.716 15 15 15s15-6.716 15-15V55c0-30.327-24.673-55-55-55z"
/>
<circle cx="256" cy="287" r="225" fill="#ff6c6c" />
<path
fill="#fc0023"
d="M256 62v450c124.264 0 225-100.736 225-225S380.264 62 256 62z"
/>
<circle cx="256" cy="287" r="195" fill="#fff5f5" />
<path
fill="#dfdef5"
d="M256 92v390c107.523 0 195-87.477 195-195S363.523 92 256 92z"
/>
<path
fill="#6c5d58"
d="M136 272h-14.131a135.006 135.006 0 0 1 16.763-51.427c4.094-7.202 1.575-16.359-5.626-20.453-7.202-4.094-16.359-1.575-20.453 5.626C98.452 230.546 91 258.643 91 287c0 28.358 7.452 56.456 21.55 81.255 4.094 7.202 13.251 9.721 20.453 5.627s9.721-13.251 5.627-20.453A135.001 135.001 0 0 1 121.869 302H136c8.284 0 15-6.716 15-15s-6.716-15-15-15zM322.428 404.37A135.038 135.038 0 0 1 271 421.132V407c0-8.284-6.716-15-15-15s-15 6.716-15 15v14.131a135.02 135.02 0 0 1-51.428-16.762c-7.202-4.094-16.359-1.575-20.453 5.627s-1.575 16.359 5.627 20.453C199.545 444.548 227.643 452 256 452s56.455-7.452 81.254-21.55c7.202-4.094 9.721-13.251 5.627-20.453s-13.251-9.721-20.453-5.627z"
/>
<path
fill="#504541"
d="M342.881 409.997c-4.094-7.202-13.251-9.721-20.453-5.627A135.038 135.038 0 0 1 271 421.132V407c0-8.284-6.716-15-15-15v60c28.357 0 56.455-7.452 81.254-21.55 7.202-4.094 9.721-13.252 5.627-20.453zM399.449 205.746c-4.094-7.202-13.252-9.721-20.453-5.627-7.202 4.094-9.721 13.252-5.626 20.453a135.023 135.023 0 0 1 16.763 51.427H376c-8.284 0-15 6.716-15 15s6.716 15 15 15h14.131a135.035 135.035 0 0 1-16.761 51.429c-4.094 7.202-1.575 16.359 5.627 20.453s16.359 1.575 20.453-5.627C413.548 343.456 421 315.358 421 287c0-28.357-7.452-56.454-21.551-81.254z"
/>
<path
fill="#6c5d58"
d="M169.12 164.005c4.094 7.202 13.252 9.721 20.453 5.626A135.004 135.004 0 0 1 241 152.869V167c0 8.284 6.716 15 15 15s15-6.716 15-15v-14.131a135.022 135.022 0 0 1 51.427 16.762c7.202 4.094 16.359 1.575 20.453-5.626 4.094-7.202 1.575-16.359-5.626-20.453C312.454 129.452 284.357 122 256 122s-56.454 7.452-81.254 21.551c-7.202 4.095-9.721 13.252-5.626 20.454z"
/>
<path
fill="#504541"
d="M271 167v-14.131a135.022 135.022 0 0 1 51.427 16.762c7.202 4.094 16.359 1.575 20.453-5.626 4.094-7.202 1.575-16.359-5.626-20.453C312.454 129.452 284.357 122 256 122v60c8.284 0 15-6.716 15-15z"
/>
<path
fill="#ff6c6c"
d="m213.716 253.331-35.355 91.924c-4.666 12.131 7.254 24.051 19.385 19.385l91.924-35.355a14.984 14.984 0 0 0 5.222-3.394l-17.678-60.104-60.104-17.678a14.984 14.984 0 0 0-3.394 5.222z"
/>
<path
fill="#fc0023"
d="m294.891 325.89-17.678-60.104L256 259.547v82.686l33.669-12.95a14.977 14.977 0 0 0 5.222-3.393z"
/>
<path
fill="#bbfff7"
d="M333.64 228.745c4.666-12.131-7.254-24.051-19.385-19.385l-91.924 35.355a14.984 14.984 0 0 0-5.222 3.394l77.781 77.781a14.999 14.999 0 0 0 3.394-5.222z"
/>
<path
fill="#7ed8f7"
d="m298.284 320.669 35.355-91.924c4.666-12.131-7.254-24.051-19.385-19.385L256 231.766V287l38.891 38.891a15 15 0 0 0 3.393-5.222z"
/>
</svg>
More icons in the same style and category