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 lineal color style with a white, silver, black, red, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-11.715 11.716-30.71 11.716-42.426 0-11.716-11.716-11.716-30.711 0-42.426 7.851-7.85 18.968-10.432 28.975-7.762L31.82-95.459l21.213 21.213L7.762-28.975C10.433-18.968 7.851-7.851 0 0"
transform="translate(59.07 495.356)"
fill="#c0c8d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0"
transform="translate(504.5 256)"
fill="#a6b0bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-437c120.674 0 218.5 97.826 218.5 218.5S120.674 0 0 0"
transform="translate(256 474.5)"
fill="#dae0e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 120.674-84.395 218.5-188.5 218.5C-309.174 218.5-407 120.674-407 0s97.826-218.5 218.5-218.5C-84.395-218.5 0-120.674 0 0"
transform="translate(444.5 256)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-52.5 30L-105 0l52.5-188.5Z"
transform="translate(308.5 256)"
fill="#3d5168"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-105l52.5 188.5z"
transform="translate(308.5 256)"
fill="#ff4e51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30"
transform="translate(233.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30"
transform="translate(308.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.427-10.073-22.5-22.5-22.5S-45-12.427-45 0s10.073 22.5 22.5 22.5S0 12.427 0 0"
transform="translate(278.5 256)"
fill="#c0c8d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.427-10.073-22.5-22.5-22.5S-45-12.427-45 0s10.073 22.5 22.5 22.5S0 12.427 0 0Z"
transform="translate(278.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c83.623 4.376 150.082 73.564 150.082 158.277S83.623 312.179 0 316.555"
transform="translate(264.418 97.723)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-83.623-4.376-150.082-73.564-150.082-158.277S-83.623-312.179 0-316.555"
transform="translate(247.582 414.277)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c62.921 8.329 111.477 62.179 111.477 127.375S62.921 246.421 0 254.75"
transform="translate(273.023 128.625)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-62.921-8.329-111.477-62.179-111.477-127.375S-62.921-246.421 0-254.75"
transform="translate(238.977 383.375)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30"
transform="translate(384.5 256)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
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(346.863 165.137)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
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(165.137 165.137)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30"
transform="translate(127.5 256)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
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(165.137 346.863)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
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(346.863 346.863)"
fill="none"
stroke="#c0c8d2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-24.39 24.39c2.671 10.006.089 21.124-7.761 28.974-11.716 11.716-30.71 11.716-42.426 0-11.716-11.716-11.716-30.71 0-42.426 7.85-7.85 18.968-10.432 28.974-7.761l24.39-24.39"
transform="translate(91.222 441.991)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0Z"
transform="translate(504.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c38.393-33.478 88.591-53.759 143.529-53.759 120.674 0 218.5 97.826 218.5 218.5s-97.826 218.5-218.5 218.5-218.5-97.826-218.5-218.5c0-54.938 20.282-105.137 53.758-143.528"
transform="translate(112.47 91.259)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-52.5-188.5L0-377l52.5 188.5Z"
transform="translate(256 444.5)"
fill="none"
stroke="#000"
stroke-width="15"
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