Add icons to this collection by clicking the heart icon.
Compass icon - also known as navigation, direction, compass, orientation, Tools and utensils, cardinal points, and maps and location. Created in a clean lineal style with a black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0 21.213-21.213"
transform="matrix(1.33333 0 0 -1.33333 446.944 556.277)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.213 21.213"
transform="matrix(1.33333 0 0 -1.33333 98.105 584.561)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-14.143 14.143c-17.573 17.573-17.573 46.065 0 63.638 17.574 17.574 46.067 17.574 63.64 0L127.278 0c17.575-17.573 17.575-46.066 0-63.64-17.573-17.573-46.065-17.573-63.638 0L49.497-49.497"
transform="translate(356.541 406.038)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c78.105-78.104 78.105-204.737 0-282.842-78.104-78.105-204.737-78.105-282.842 0-78.105 78.105-78.105 204.738 0 282.842C-204.737 78.105-78.104 78.105 0 0Z"
transform="translate(356.42 356.42)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.213-21.213"
transform="translate(73.58 356.42)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.213 21.213"
transform="translate(335.208 335.208)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.716-11.716 11.716-30.71 0-42.426-11.716-11.716-30.71-11.716-42.426 0-11.716 11.716-11.716 30.71 0 42.426C-30.71 11.716-11.716 11.716 0 0Z"
transform="translate(236.213 236.213)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v90"
transform="translate(215 245)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30 30L60 0"
transform="translate(185 305)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-90"
transform="translate(215 185)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30-30L60 0"
transform="translate(185 125)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 27.03 27.03c13.668 13.668 13.668 35.829 0 49.497s-35.829 13.668-49.497 0l-27.03-27.029"
transform="translate(379.008 329.51)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category