Add icons to this collection by clicking the heart icon.
Compass icon - also known as gps, navigation, direction, compass, orientation, explore, and maps and location. Created in a clean blue style, 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 480 480"
>
<circle cx="240" cy="240" r="232" fill="#b9dcff" />
<path
fill="#d1e7ff"
d="M37 262c0 68.95 30.08 130.87 77.83 173.37C50.57 394.11 8 322.03 8 240 8 111.87 111.87 8 240 8c59.18 0 113.18 22.16 154.17 58.63C358.06 43.45 315.1 30 269 30 140.87 30 37 133.87 37 262z"
/>
<circle cx="240" cy="240" r="188.94" fill="#d1e7ff" />
<path
fill="#e8f3ff"
d="M91.06 260c0 66.01 33.85 124.11 85.13 157.89C103.24 391.73 51.06 321.96 51.06 240c0-104.35 84.59-188.94 188.94-188.94 38.35 0 74.02 11.42 103.81 31.05-19.93-7.15-41.42-11.05-63.81-11.05-104.35 0-188.94 84.59-188.94 188.94z"
/>
<path
fill="#b9dcff"
d="m274.28 205.72-109.6-41.04 41.04 109.6 109.6 41.04z"
/>
<path
fill="#d1e7ff"
d="M278.77 217.71c-13.9 28.771-42.39 48.82-74.9 51.63l-39.19-104.66 109.6 41.04z"
/>
<g fill="#2e58ff">
<path
d="M240 0C107.361 0 0 107.341 0 240c0 132.64 107.341 240 240 240 132.639 0 240-107.341 240-240C480 107.36 372.659 0 240 0zm0 464C116.486 464 16 363.514 16 240S116.486 16 240 16s224 100.486 224 224-100.486 224-224 224z"
/>
<path
d="M240 43.064C131.409 43.064 43.064 131.409 43.064 240S131.409 436.936 240 436.936a8 8 0 0 0 0-16c-99.768 0-180.936-81.167-180.936-180.936S140.232 59.064 240 59.064 420.936 140.231 420.936 240c0 80.748-54.228 152.385-131.871 174.207a8 8 0 0 0-5.537 9.866c1.196 4.252 5.61 6.736 9.866 5.536C375.52 406.527 436.936 330.969 436.936 240c0-108.591-88.345-196.936-196.936-196.936z"
/>
<path
d="m157.185 167.483 41.04 109.605a8.007 8.007 0 0 0 4.687 4.687l109.606 41.039c6.413 2.399 12.702-3.874 10.297-10.298l-41.04-109.605a8.007 8.007 0 0 0-4.687-4.687l-109.606-41.039c-6.41-2.398-12.702 3.873-10.297 10.298zm110.883 44.449 33.6 89.735-89.735-33.599-33.6-89.735z"
/>
<circle cx="240" cy="240" r="8" />
<circle cx="345.176" cy="134.824" r="8" />
<circle cx="134.824" cy="345.176" r="8" />
<circle cx="345.176" cy="345.176" r="8" />
<circle cx="134.824" cy="134.824" r="8" />
<path
d="M81 232a8 8 0 0 0 0 16h20.516a8 8 0 0 0 0-16zM399 248a8 8 0 0 0 0-16h-20.516a8 8 0 0 0 0 16zM240 370.483a8 8 0 0 0-8 8V399a8 8 0 0 0 16 0v-20.517a8 8 0 0 0-8-8zM248 101.517V81a8 8 0 0 0-16 0v20.517a8 8 0 0 0 16 0z"
/>
</g>
</svg>
More icons in the same style and category