Add icons to this collection by clicking the heart icon.
Compass icon - also known as directions, location, compass, wayfinding, and cultures. Created in a clean blue style with a white and silver 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 52 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(6 12)">
<path
fill="#a4c2f7"
d="M39 28A19.044 19.044 0 1 1 22 9.11c9.664 1.023 16.998 9.173 17 18.89z"
/>
<path
fill="#7facfa"
d="M22 9.11A18.851 18.851 0 0 0 20 9c-.509 0-1 .029-1.5.069.167.014.334.023.5.041 9.761 1.025 17.132 9.321 17.002 19.135-.13 9.814-7.717 17.912-17.502 18.679.5.039.994.076 1.5.076 10.088-.022 18.4-7.924 18.932-17.998C39.464 18.927 32.03 10.194 22 9.11z"
/>
<circle cx="20" cy="28" r="15" fill="#e8edfc" />
<path
fill="#cad9fc"
d="M20 13c-.506 0-1.006.027-1.5.076C26.161 13.85 31.992 20.3 31.992 28S26.162 42.15 18.5 42.924c.494.049.994.076 1.5.076 8.284 0 15-6.716 15-15s-6.716-15-15-15z"
/>
<path fill="#7facfa" d="M22 4v5.11a18.237 18.237 0 0 0-4 0V4z" />
<path
fill="#a4c2f7"
d="M25 2a2.015 2.015 0 0 1-2 2h-6a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2h6a2.006 2.006 0 0 1 2 2z"
/>
<g fill="#e8edfc">
<path
d="M24 28c.002.482-.087.96-.26 1.41a3.944 3.944 0 0 1-2.33 2.33c-.45.173-.928.262-1.41.26a4 4 0 0 1-4-4c-.002-.482.087-.96.26-1.41.4-1.08 1.25-1.93 2.33-2.33.45-.173.928-.262 1.41-.26a4 4 0 0 1 4 4z"
/>
<path
d="m21.41 31.74-7.12 3.3a1 1 0 0 1-1.33-1.33l3.3-7.12c-.173.45-.262.928-.26 1.41a4 4 0 0 0 4 4c.482.002.96-.087 1.41-.26zM27.04 22.29l-3.3 7.12c.173-.45.262-.928.26-1.41a4 4 0 0 0-4-4 3.881 3.881 0 0 0-1.41.26l7.12-3.3a1 1 0 0 1 1.33 1.33z"
/>
</g>
</g>
<path
fill="#fff"
d="M7 40c0 10.493 8.507 19 19 19 .506 0 1-.037 1.5-.076-9.785-.767-17.373-8.865-17.502-18.679-.13-9.814 7.24-18.11 17.002-19.135V16h-1a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2h-3a2.015 2.015 0 0 0-2 2 2.006 2.006 0 0 0 2 2h1v5.11C14.338 22.136 7.005 30.284 7 40z"
/>
<path
fill="#fff"
d="m7.758 31.828 1.824.818A17.908 17.908 0 0 0 8 40H6c0-2.818.6-5.603 1.758-8.172z"
/>
<g fill="#428dff">
<path
d="M7.446 37.026a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2zM26 56c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16c.01 8.832 7.168 15.99 16 16zm-1-29.949V27a1 1 0 0 0 2 0v-.949A14 14 0 0 1 39.949 39H39a1 1 0 0 0 0 2h.949A14 14 0 0 1 27 53.949V53a1 1 0 0 0-2 0v.949A14 14 0 0 1 12.051 41H13a1 1 0 0 0 0-2h-.949A14 14 0 0 1 25 26.051z"
/>
<path
d="M32.5 9h15a4.5 4.5 0 1 0 0-9h-43a4.5 4.5 0 0 0 0 9h15a2.5 2.5 0 0 1 2.469 2.194A2.993 2.993 0 0 0 23 17v3.249c-.902.126-1.794.319-2.667.578a20.329 20.329 0 0 0-5.2 2.4 20.124 20.124 0 0 0-7.374 8.6.971.971 0 0 0 .531 1.333c.5.188 1.06-.036 1.293-.515a18.034 18.034 0 0 1 11.317-9.9A19.58 19.58 0 0 1 26 22c9.941 0 18 8.059 18 18s-8.059 18-18 18S8 49.941 8 40a1 1 0 0 0-2 0c-.013 10.659 8.336 19.455 18.98 19.998 10.646.543 19.846-7.358 20.919-17.962C46.97 31.43 39.539 21.849 29 20.25V17a2.993 2.993 0 0 0 1.031-5.806A2.5 2.5 0 0 1 32.5 9zm-13-2h-15a2.5 2.5 0 0 1 0-5h43a2.5 2.5 0 1 1 0 5h-15a4.49 4.49 0 0 0-4.449 4h-4.1A4.49 4.49 0 0 0 19.5 7zM27 20.051c-.333-.017-.662-.051-1-.051s-.667.031-1 .051V17h2zM29 15h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path
d="M19.863 48.134c.294 0 .585-.066.851-.191l7.114-3.3.011-.008a5.006 5.006 0 0 0 2.8-2.8l.01-.015 3.294-7.11a2 2 0 0 0-2.656-2.66l-7.114 3.3-.011.008a5.01 5.01 0 0 0-2.8 2.8l-.009.012-3.294 7.11a2 2 0 0 0 1.8 2.851zM26 37a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm6.128-3.126-1.746 3.769a5 5 0 0 0-2.023-2.024zm-10.51 8.483a5 5 0 0 0 2.023 2.024l-3.769 1.745z"
/>
</g>
</g>
</svg>
More icons in the same style and category