Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, travel, orientation, search, cardinal points, and maps and location. Created in a clean flat style with a white, silver, gray, red, and orange 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="#e7e7f2"
d="M361 60c0 32.999-27.001 60-60 60h-15c-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15h15c16.5 0 30-13.5 30-30s-13.5-30-30-30h-90c-16.5 0-30 13.5-30 30s13.5 30 30 30h15c8.401 0 15 6.599 15 15 0 8.399-6.599 15-15 15h-15c-32.999 0-60-27.001-60-60 0-33.001 27.001-60 60-60h90c32.999 0 60 26.999 60 60z"
/>
<path
fill="#cecee6"
d="M361 60c0 32.999-27.001 60-60 60h-15c-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15h15c16.5 0 30-13.5 30-30s-13.5-30-30-30h-45V0h45c32.999 0 60 26.999 60 60z"
/>
<path
fill="#f2f2f2"
d="M301 105v32.399h-90V105c0-24.901 20.099-45 45-45s45 20.099 45 45z"
/>
<path fill="#e7e7f2" d="M301 105v32.399h-45V60c24.901 0 45 20.099 45 45z" />
<path
fill="#979fef"
d="M256 120c-107.401 0-195 88.599-195 196 0 107.399 87.599 196 195 196s195-88.601 195-196c0-107.401-87.599-196-195-196z"
/>
<path
fill="#6b77e8"
d="M451 316c0 107.399-87.599 196-195 196V120c107.401 0 195 88.599 195 196z"
/>
<path
fill="#f2f2f2"
d="M256 466c-82.71 0-150-67.29-150-150s67.29-150 150-150 150 67.29 150 150-67.29 150-150 150z"
/>
<path
fill="#e7e7f2"
d="M256 166v300c82.71 0 150-67.29 150-150s-67.29-150-150-150z"
/>
<path
fill="#cecee6"
d="M346 331h-61.714c-8.291 0-15-6.709-15-15s6.709-15 15-15H346c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<g fill="#e7e7f2">
<path
d="M227.714 331H166c-8.291 0-15-6.709-15-15s6.709-15 15-15h61.714c8.291 0 15 6.709 15 15s-6.709 15-15 15zM271 344.2V406c0 8.399-6.599 15-15 15s-15-6.601-15-15v-61.8c0-8.101 6.599-15 15-15s15 6.899 15 15zM271 226v61.8c0 8.099-6.599 15-15 15s-15-6.901-15-15V226c0-8.401 6.599-15 15-15s15 6.599 15 15z"
/>
</g>
<path
fill="#cecee6"
d="M271 226v61.8c0 8.099-6.599 15-15 15V211c8.401 0 15 6.599 15 15zM271 344.2V406c0 8.399-6.599 15-15 15v-91.8c8.401 0 15 6.899 15 15z"
/>
<path
fill="#ff641a"
d="m312.7 353.8-21.3-63.9c-1.5-4.2-5.099-7.8-9.3-9.3l-26.1-8.701-37.8-12.599c-5.4-1.8-11.1-.3-15.3 3.6-3.9 4.2-5.4 9.901-3.6 15.3l21.301 63.9c1.5 4.2 5.099 7.8 9.3 9.3l26.1 8.699 37.8 12.601c5.099 1.8 11.1.298 15.3-3.602 3.9-4.198 5.399-9.898 3.599-15.298z"
/>
<path
fill="#f03800"
d="M309.101 369.099c-4.2 3.9-10.201 5.402-15.3 3.602L256 360.099v-88.2l26.1 8.701c4.2 1.5 7.8 5.099 9.3 9.3l21.301 63.9c1.799 5.4.3 11.1-3.6 15.299z"
/>
</svg>
More icons in the same style and category