Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, Tools and utensils, 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 512 512"
>
<path
fill="#fff9be"
d="M256 127c-8.284 0-15-6.716-15-15V71.759c0-8.284 6.716-15 15-15s15 6.716 15 15V112c0 8.284-6.716 15-15 15z"
/>
<path
fill="#ffcd00"
d="M256 56.759V127c8.284 0 15-6.716 15-15V71.759c0-8.284-6.716-15-15-15z"
/>
<path
fill="#ffe278"
d="M256 128.759c-35.499 0-64.379-28.881-64.379-64.38S220.501 0 256 0s64.379 28.88 64.379 64.379-28.88 64.38-64.379 64.38zM256 30c-18.957 0-34.379 15.422-34.379 34.379s15.422 34.38 34.379 34.38 34.379-15.423 34.379-34.38S274.957 30 256 30z"
/>
<path
fill="#ffa07a"
d="M256 0v30c18.957 0 34.379 15.422 34.379 34.379S274.957 98.759 256 98.759v30c35.499 0 64.379-28.881 64.379-64.38S291.499 0 256 0z"
/>
<circle
cx="256"
cy="306"
r="191"
fill="#f4f4f6"
fill-rule="evenodd"
clip-rule="evenodd"
transform="rotate(-45 255.964 306.07)"
/>
<path
fill="#e2e2ea"
fill-rule="evenodd"
d="M256 115v382c105.199 0 191-85.801 191-191s-85.801-191-191-191z"
clip-rule="evenodd"
/>
<path
fill="#595454"
d="M256 185c-8.284 0-15-6.716-15-15v-48c0-8.284 6.716-15 15-15s15 6.716 15 15v48c0 8.284-6.716 15-15 15z"
/>
<path
fill="#2e2e2e"
d="M440 321h-48c-8.284 0-15-6.716-15-15s6.716-15 15-15h48c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
<path
fill="#595454"
d="M256 504.999c-8.284 0-15-6.716-15-15v-48c0-8.284 6.716-15 15-15s15 6.716 15 15v48c0 8.284-6.716 15-15 15zM120 321H72c-8.284 0-15-6.716-15-15s6.716-15 15-15h48c8.284 0 15 6.716 15 15s-6.716 15-15 15zM142.863 207.863a14.95 14.95 0 0 1-10.606-4.394l-16.971-16.971c-5.858-5.857-5.858-15.355 0-21.213 5.857-5.857 15.355-5.857 21.213 0l16.971 16.971c5.858 5.857 5.858 15.355 0 21.213a14.954 14.954 0 0 1-10.607 4.394z"
/>
<path
fill="#2e2e2e"
d="M386.107 451.107a14.948 14.948 0 0 1-10.606-4.394l-16.971-16.971c-5.857-5.858-5.857-15.355 0-21.213 5.858-5.858 15.355-5.858 21.213 0l16.97 16.971c5.858 5.858 5.858 15.355 0 21.213a14.948 14.948 0 0 1-10.606 4.394zM369.137 207.863a14.952 14.952 0 0 1-10.606-4.394c-5.858-5.857-5.858-15.354 0-21.213l16.971-16.971c5.857-5.857 15.354-5.857 21.213 0 5.858 5.857 5.858 15.354 0 21.213l-16.97 16.971a14.96 14.96 0 0 1-10.608 4.394z"
/>
<path
fill="#595454"
d="M125.892 451.107a14.95 14.95 0 0 1-10.606-4.394c-5.858-5.857-5.858-15.355 0-21.213l16.971-16.971c5.857-5.857 15.355-5.857 21.213 0s5.858 15.355 0 21.213l-16.971 16.971a14.95 14.95 0 0 1-10.607 4.394z"
/>
<path
fill="#595454"
d="M256 512c-113.589 0-206-92.411-206-206s92.411-206 206-206 206 92.411 206 206-92.411 206-206 206zm0-382c-97.047 0-176 78.953-176 176s78.953 176 176 176 176-78.953 176-176-78.953-176-176-176z"
/>
<path
fill="#ff405c"
d="m320.669 297.969-52.001-82.028a15 15 0 0 0-25.337 0l-52 82.028a15.071 15.071 0 0 0-2.323 8.031H322.94c-.002-2.803-.741-5.606-2.271-8.031z"
/>
<path
fill="#45f6ff"
d="M189.008 306c0 2.804.812 5.646 2.323 8.031l52 82.028a15.001 15.001 0 0 0 25.338 0l52-82.028c.356-.563.671-1.146.945-1.745.904-1.981 1.327-4.134 1.326-6.287H189.008z"
/>
<path
fill="#c1126b"
d="M256 306h66.94c-.001-2.803-.741-5.606-2.271-8.031l-52.001-82.028A15 15 0 0 0 256 208.972z"
/>
<path
fill="#7dd5f4"
d="M256 306v97.029a15 15 0 0 0 12.668-6.969l52-82.028c.356-.563.671-1.146.945-1.745.904-1.981 1.327-4.134 1.326-6.287z"
/>
<path
fill="#2e2e2e"
d="M256 426.999v78c8.284 0 15-6.716 15-15v-48c0-8.284-6.716-15-15-15zM256 107v78c8.284 0 15-6.716 15-15v-48c0-8.284-6.716-15-15-15z"
/>
<path
fill="#454040"
d="M256 100v30c97.047 0 176 78.953 176 176s-78.953 176-176 176v30c113.589 0 206-92.411 206-206s-92.411-206-206-206z"
/>
</svg>
More icons in the same style and category