Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, Tools and utensils, and cardinal points. Created in a clean flat style with a white, silver, gray, and teal 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="100"
height="100"
viewBox="0 0 56.943 56.943"
>
<path
d="M15.763 15.763a17.867 17.867 0 0 1 8.084-4.644L13.096.368a1.255 1.255 0 0 0-1.775 0L.368 11.32c-.49.49-.49 1.285 0 1.775l10.751 10.751a17.85 17.85 0 0 1 4.644-8.083zM41.18 41.18a17.867 17.867 0 0 1-8.084 4.644l10.751 10.751c.49.49 1.285.49 1.775 0l10.953-10.953c.49-.49.49-1.285 0-1.775L45.824 33.096a17.862 17.862 0 0 1-4.644 8.084z"
fill="#bfa380"
/>
<path
d="M14.471 9.463h-3v-3a1 1 0 0 0-2 0v3h-3a1 1 0 0 0 0 2h3v3a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2zM50.471 45.463h-3v-3a1 1 0 0 0-2 0v3h-3a1 1 0 0 0 0 2h3v3a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2z"
fill="#9e6c53"
/>
<circle
cx="28.471"
cy="28.471"
r="17.973"
fill="#556080"
stroke="#38454f"
stroke-width="2"
stroke-miterlimit="10"
/>
<path
d="M14.471 29.472a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2h4zM46.471 27.472h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM28.471 9.463a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM28.471 41.463a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM19.285 37.661a.999.999 0 0 0-1.414 0l-2.829 2.828a.999.999 0 1 0 1.414 1.414l2.829-2.828a.999.999 0 0 0 0-1.414zM37.67 19.276a.997.997 0 0 0 1.414 0l2.829-2.828a.999.999 0 1 0-1.414-1.414l-2.829 2.828a.999.999 0 0 0 0 1.414zM17.865 19.27a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-2.829-2.829a.999.999 0 1 0-1.414 1.414l2.829 2.829zM39.078 37.655a.999.999 0 1 0-1.414 1.414l2.829 2.829a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-2.829-2.829zM15.917 31.836a.998.998 0 0 0-1.225-.707l-3.864 1.035a1 1 0 1 0 .517 1.932l3.864-1.035a1 1 0 0 0 .708-1.225zM41.031 25.106a1 1 0 0 0 1.224.707l3.864-1.035a1 1 0 0 0 .707-1.225.996.996 0 0 0-1.225-.707l-3.864 1.035a1 1 0 0 0-.706 1.225zM23.882 15.199a1 1 0 1 0 1.931-.518l-1.035-3.864a1 1 0 1 0-1.932.518l1.036 3.864zM33.061 41.727a1 1 0 1 0-1.932.518l1.035 3.864a1 1 0 1 0 1.931-.518l-1.034-3.864zM21.979 39.725a1 1 0 0 0-1.366.366l-2 3.464a1 1 0 0 0 1.732 1l2-3.464a1 1 0 0 0-.366-1.366zM34.979 17.209a.998.998 0 0 0 1.366-.366l2-3.464a1 1 0 0 0-1.732-1l-2 3.464a1 1 0 0 0 .366 1.366zM12.383 20.329l3.464 2a.997.997 0 0 0 1.366-.366 1 1 0 0 0-.366-1.366l-3.464-2a.999.999 0 1 0-1 1.732zM44.56 36.597l-3.464-2a1 1 0 0 0-1 1.732l3.464 2a.998.998 0 0 0 1.366-.366 1 1 0 0 0-.366-1.366zM17.218 34.971a.999.999 0 0 0-1.366-.366l-3.464 2a1 1 0 1 0 1 1.732l3.464-2a1 1 0 0 0 .366-1.366zM39.734 21.971a1 1 0 0 0 1.366.366l3.464-2a1 1 0 1 0-1-1.732l-3.464 2a1 1 0 0 0-.366 1.366zM20.605 16.839a1 1 0 1 0 1.732-1l-2-3.464a1 1 0 0 0-1.732 1l2 3.464zM36.337 40.088a1 1 0 1 0-1.732 1l2 3.464a1 1 0 1 0 1.732-1l-2-3.464zM25.115 41.023a1 1 0 0 0-1.225.707l-1.036 3.864a1 1 0 1 0 1.931.518l1.036-3.864a.998.998 0 0 0-.706-1.225zM33.398 10.113a1 1 0 0 0-1.225.707l-1.036 3.864a1 1 0 1 0 1.931.518l1.036-3.864a1 1 0 0 0-.706-1.225zM10.826 24.77l3.863 1.035a1 1 0 1 0 .517-1.932l-3.863-1.035a.997.997 0 0 0-1.225.707 1.002 1.002 0 0 0 .708 1.225zM46.117 32.156l-3.864-1.035a.997.997 0 0 0-1.225.707 1 1 0 0 0 .707 1.225l3.864 1.035a1 1 0 0 0 1.224-.707.999.999 0 0 0-.706-1.225z"
fill="#7383bf"
/>
<path
d="m43.593 13.341-2.122 2.122"
fill="none"
stroke="#38454f"
stroke-width="2"
stroke-miterlimit="10"
/>
<path
d="m45.392 15.14-3.598-3.598a.456.456 0 0 1 0-.645l2.183-2.183a.456.456 0 0 1 .645 0l3.598 3.598a.456.456 0 0 1 0 .645l-2.183 2.183a.456.456 0 0 1-.645 0z"
fill="#c7cac7"
/>
<path
d="m36.094 33.68-4.139-3.291a3.951 3.951 0 0 0 .517-1.927c0-1.858-1.28-3.411-3-3.858v-6.142a1 1 0 0 0-2 0v6.142c-1.72.447-3 2-3 3.858 0 2.206 1.794 4 4 4 .775 0 1.492-.231 2.105-.614l4.272 3.396a.998.998 0 0 0 1.405-.16.999.999 0 0 0-.16-1.404zm-9.623-5.217c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2-2-.897-2-2z"
fill="#fff"
/>
</svg>
More icons in the same style and category