Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, cardinal points, and maps and location. 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 511.991 511.991"
>
<circle cx="255.995" cy="266.991" r="245" fill="#5ba037" />
<circle cx="255.995" cy="40" r="40" fill="#3d322c" />
<path
fill="#2d2420"
d="M244.745 11.25c0-6.213 5.037-11.25 11.25-11.25-22.091 0-40 17.909-40 40s17.909 40 40 40V22.5c-6.213 0-11.25-5.037-11.25-11.25z"
/>
<circle cx="255.995" cy="40" r="17.5" fill="#5ba037" />
<circle cx="255.995" cy="266.991" r="210" fill="#564d47" />
<path
fill="#3d322c"
d="M255.995 56.991c-115.98 0-210 94.02-210 210s94.02 210 210 210c-8.271 0-15-6.729-15-15s6.729-15 15-15v-360c-8.271 0-15-6.729-15-15s6.729-15 15-15z"
/>
<circle cx="255.995" cy="266.991" r="180" fill="#2d2420" />
<circle cx="255.995" cy="266.991" r="165" fill="#e6e6e6" />
<path
fill="#ccc"
d="M230.995 406.991c0-13.785 11.215-25 25-25v-230c-13.785 0-25-11.215-25-25s11.215-25 25-25c-90.981 0-165 74.019-165 165s74.019 165 165 165c-13.785 0-25-11.215-25-25z"
/>
<circle cx="255.995" cy="266.991" r="115" fill="#b7b7b7" />
<path
fill="#e53d00"
d="m337.319 168.113-107.992 46.282c-8.693 3.726-10.875 15.054-4.187 21.742l61.709 61.709c6.688 6.688 18.016 4.506 21.742-4.187l46.282-107.992c4.755-11.093-6.461-22.309-17.554-17.554z"
/>
<path
fill="#c62f00"
d="M250.541 235.608 352.13 192.07l2.744-6.403c4.754-11.093-6.462-22.309-17.555-17.555l-107.992 46.282c-8.693 3.726-10.875 15.054-4.187 21.742l21.213 21.213c-6.687-6.688-4.505-18.015 4.188-21.741z"
/>
<path
fill="#80b6fc"
d="m174.672 365.869 107.992-46.282c8.693-3.726 10.875-15.054 4.187-21.742l-61.709-61.709c-6.688-6.688-18.016-4.506-21.742 4.187l-46.282 107.992c-4.755 11.093 6.461 22.308 17.554 17.554z"
/>
<path
fill="#688ed5"
d="M224.612 261.536c3.726-8.693 15.054-10.875 21.742-4.187l-21.213-21.213c-6.688-6.688-18.016-4.506-21.742 4.187l-46.282 107.992c-4.754 11.093 6.462 22.309 17.555 17.555l6.403-2.744z"
/>
<circle cx="255.995" cy="266.991" r="20" fill="#3d322c" />
<path
fill="#3d322c"
d="M255.995 166.991a7.5 7.5 0 0 1-7.5-7.5v-15a7.5 7.5 0 0 1 15 0v15a7.5 7.5 0 0 1-7.5 7.5zM255.995 396.991a7.5 7.5 0 0 1-7.5-7.5v-15a7.5 7.5 0 0 1 15 0v15a7.5 7.5 0 0 1-7.5 7.5zM355.995 266.991a7.5 7.5 0 0 1 7.5-7.5h15a7.5 7.5 0 0 1 0 15h-15a7.5 7.5 0 0 1-7.5-7.5zM125.995 266.991a7.5 7.5 0 0 1 7.5-7.5h15a7.5 7.5 0 0 1 0 15h-15a7.5 7.5 0 0 1-7.5-7.5zM326.706 337.702a7.5 7.5 0 0 1 10.607 0l10.607 10.607a7.5 7.5 0 0 1-10.607 10.607l-10.607-10.607a7.5 7.5 0 0 1 0-10.607zM164.072 175.067a7.5 7.5 0 0 1 10.607 0l10.607 10.607a7.5 7.5 0 0 1-10.607 10.607l-10.607-10.607a7.5 7.5 0 0 1 0-10.607z"
/>
</svg>
More icons in the same style and category