Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, Tools and utensils, explore, cardinal points, and maps and location. Created in a clean lineal color style with a white, silver, gray, black, orange, 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="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 0c0-102.369-82.986-185.355-185.355-185.355-102.37 0-185.357 82.986-185.357 185.355 0 102.369 82.987 185.355 185.357 185.355C-82.986 185.355 0 102.369 0 0"
transform="translate(441.354 256)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-102.37-82.99-185.359-185.36-185.359-25.26 0-49.34 5.049-71.281 14.21 15.781-4.371 32.411-6.71 49.58-6.71C-104.69-177.859-21.71-94.87-21.71 7.5c0 77.11-47.08 143.23-114.08 171.16C-57.49 156.98 0 85.2 0 0"
transform="translate(441.36 256)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c32.18 54.886 91.792 91.74 160.013 91.74 102.369 0 185.355-82.986 185.355-185.355 0-102.369-82.986-185.356-185.355-185.356-102.369 0-185.357 82.987-185.357 185.356 0 22.018 3.84 43.14 10.886 62.733"
transform="translate(95.986 349.615)"
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-175.779-114.392L-351.559 0l114.392-175.78-114.392-175.78 175.78 114.392L0-351.56l-114.392 175.78Z"
transform="translate(431.778 431.78)"
fill="#e8ad8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.471-9.42-161.311-104.971 21.26 32.671z"
transform="translate(227.059 194.61)"
fill="#e19974"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 161.311-104.97-14.471-9.42L21.26-32.67Z"
transform="translate(80.219 431.78)"
fill="#e19974"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 114.391-175.78-50.201 32.671L-28.939 0 64.19 143.11l50.201 32.67z"
transform="translate(317.389 256)"
fill="#e19974"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 83.954-54.635-114.391 175.78 114.391 175.78-175.779-114.392-175.779 114.392 114.391-175.78-114.391-175.78L-91.825 59.757l63.107-41.069"
transform="translate(347.824 134.856)"
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 43.408-205.182L0-248.59Z"
transform="translate(255.999 504.59)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.47-14.47-28.94 136.22v83.43z"
transform="translate(299.41 299.41)"
fill="#9c9c9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.408-205.182L0-248.59Z"
transform="translate(255.999 504.59)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.408 205.182L0 248.59ZM0 0l43.408 205.182L0 248.59Z"
transform="translate(255.999 7.41)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-151.24l-17-80.35V17Z"
transform="translate(272.999 239)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v151.24l17 80.35V-17Z"
transform="translate(238.999 273)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.408-205.182L0-248.59ZM0 0l43.408-205.182L0-248.59Z"
transform="translate(255.999 504.59)"
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-43.408 205.182L0 248.59Z"
transform="translate(255.999 7.41)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.47 14.47 28.94-136.22v-83.43z"
transform="translate(212.59 212.59)"
fill="#9c9c9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.408 205.182L0 248.59ZM0 0l43.408 205.182L0 248.59Z"
transform="translate(255.999 7.41)"
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-205.182-43.408L-248.59 0Z"
transform="translate(504.59 256.001)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.47 14.47 136.22 28.94h83.43z"
transform="translate(299.41 212.59)"
fill="#9c9c9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-205.182 43.408L-248.59 0Z"
transform="translate(504.59 256.001)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 205.182 43.408L248.59 0ZM0 0l205.182-43.408L248.59 0Z"
transform="translate(7.41 256.001)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-151.24l-80.35 17H17Z"
transform="translate(239 239.001)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h151.24l80.35-17H-17Z"
transform="translate(273 273.001)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-205.182 43.408L-248.59 0ZM0 0l-205.182-43.408L-248.59 0Z"
transform="translate(504.59 256.001)"
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 205.182 43.408L248.59 0Z"
transform="translate(7.41 256.001)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.47-14.47-136.22-28.94h-83.43z"
transform="translate(212.59 299.41)"
fill="#9c9c9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 205.182 43.408L248.59 0ZM0 0l205.182-43.408L248.59 0Z"
transform="translate(7.41 256.001)"
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-18.463-14.967-33.43-33.43-33.43S-66.859-18.463-66.859 0s14.966 33.43 33.429 33.43S0 18.463 0 0"
transform="translate(289.429 256)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.46-14.97-33.43-33.43-33.43-6.309 0-12.21 1.75-17.25 4.79C-34.319-26.47-21.7-12.46-21.7 4.49c0 12.151-6.489 22.79-16.18 28.64 1.46.2 2.941.3 4.45.3C-14.97 33.43 0 18.46 0 0"
transform="translate(289.429 256)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.463-14.967-33.43-33.43-33.43S-66.859-18.463-66.859 0s14.966 33.43 33.429 33.43S0 18.463 0 0Z"
transform="translate(289.429 256)"
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