Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, travel, orientation, search, explore, cardinal points, and maps and location. Created in a clean flat style with a white, gray, 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 512 512"
>
<path
fill="#d8ecfe"
d="M306.743 50.743C306.743 22.763 283.98 0 256 0s-50.743 22.763-50.743 50.743c0 25.393 18.75 46.488 43.132 50.171v21.377a7.612 7.612 0 1 0 15.223 0v-21.377c24.381-3.683 43.131-24.777 43.131-50.171zm-43.131 34.691V71.52c0-4.204-3.408-7.611-7.612-7.611s-7.611 3.407-7.611 7.611v13.914c-15.939-3.495-27.909-17.718-27.909-34.691 0-19.586 15.935-35.52 35.52-35.52s35.52 15.935 35.52 35.52c0 16.973-11.969 31.196-27.908 34.691z"
/>
<circle cx="256" cy="317.146" r="194.854" fill="#7a6d79" />
<path
fill="#fff"
d="M256 477.431c-7.643 0-14.382 2.24-21.751 1.487-.26-.027-1.304 1.025-1.563.988-72.037-10.27-129.177-67.41-139.446-139.447-1.086-7.617 3.509-15.375 3.509-23.288s-4.595-15.723-3.509-23.34c10.27-72.037 67.41-129.177 139.447-139.447 7.617-1.086 15.401 3.94 23.314 3.94s15.697-5.026 23.314-3.94c72.037 10.27 129.177 67.41 139.447 139.447 1.086 7.617-2.907 15.401-2.907 23.314s3.993 15.697 2.907 23.314c-10.27 72.037-67.41 129.177-139.447 139.447-.53.076-1.061.129-1.593.162-7.109.446-14.36-2.637-21.722-2.637z"
/>
<path
fill="#7a6d79"
d="M420.408 341.584v-48.878l-27.362 18.563c-4.152 2.817-4.152 8.934 0 11.751z"
/>
<g fill="#7a6d79">
<path
d="m230.885 151.74 19.24 28.36c2.817 4.152 8.934 4.152 11.751 0l19.24-28.36s-17.202.998-25.115.998c-7.914-.001-25.116-.998-25.116-.998zM256.189 484.911c10.554-.035 24.56-2.899 24.56-2.899l-18.874-27.821c-2.817-4.152-8.934-4.152-11.751 0l-18.474 27.231c.001 0 13.78 3.525 24.539 3.489z"
/>
</g>
<path
fill="#7a6d79"
d="m91.892 341.381 27.062-18.359c4.152-2.817 4.152-8.934 0-11.751l-27.362-18.563v24.439l.3 24.234z"
/>
<path
fill="#f58a97"
d="m320.889 391.744-86.661-50.243a7.1 7.1 0 0 1-2.583-2.583l-50.243-86.661c-3.652-6.3 3.409-13.361 9.709-9.709l86.661 50.243a7.1 7.1 0 0 1 2.583 2.583l50.243 86.661c3.652 6.299-3.409 13.361-9.709 9.709z"
/>
<path
fill="#f07281"
d="m330.598 382.035-50.243-86.661a7.1 7.1 0 0 0-2.583-2.583l-86.661-50.243c-6.3-3.652-13.361 3.409-9.709 9.709l7.607 13.121 73.54 42.636a7.1 7.1 0 0 1 2.583 2.583l42.636 73.54 13.121 7.607c6.3 3.652 13.361-3.409 9.709-9.709z"
/>
<circle cx="256" cy="317.146" r="7.611" fill="#7a6d79" />
<path
fill="#685e68"
d="M256 122.291c-5.123 0-10.199.2-15.223.589 100.5 7.767 179.631 91.774 179.631 194.266s-79.131 186.499-179.631 194.266c5.024.388 10.1.589 15.223.589 107.615 0 194.854-87.239 194.854-194.854S363.615 122.291 256 122.291z"
/>
</svg>
More icons in the same style and category