Add icons to this collection by clicking the heart icon.
Compass icon - also known as navigation, direction, location, compass, orientation, and maps and location. Created in a clean lineal color style with a white, silver, gray, and navy 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 128 128"
>
<path
fill="#8ae0a1"
d="M64.011 2a62 62 0 1 0 62 62 62.005 62.005 0 0 0-62-62zm0 114.061A52.061 52.061 0 1 1 116.073 64a52.057 52.057 0 0 1-52.062 52.061z"
/>
<path
fill="#2f3a5a"
d="M64.012 127a63 63 0 1 1 63-63 63.072 63.072 0 0 1-63 63zm0-124a61 61 0 1 0 61 61 61.069 61.069 0 0 0-61-61zm0 114.062A53.062 53.062 0 1 1 117.072 64a53.123 53.123 0 0 1-53.06 53.062zm0-104.124A51.062 51.062 0 1 0 115.072 64a51.12 51.12 0 0 0-51.06-51.062z"
/>
<circle cx="64.011" cy="64" r="52.061" fill="#bac2d3" />
<path
fill="#2f3a5a"
d="M64.012 117.062A53.062 53.062 0 1 1 117.072 64a53.123 53.123 0 0 1-53.06 53.062zm0-104.124A51.062 51.062 0 1 0 115.072 64a51.12 51.12 0 0 0-51.06-51.062z"
/>
<circle cx="62.245" cy="62.234" r="49.809" fill="#dbe2eb" />
<g fill="#2f3a5a">
<path
d="M64.012 117.062A53.062 53.062 0 1 1 117.072 64a53.123 53.123 0 0 1-53.06 53.062zm0-104.124A51.062 51.062 0 1 0 115.072 64a51.12 51.12 0 0 0-51.06-51.062z"
/>
<path
d="M64.012 17.494a1 1 0 0 1-1-1v-4.556a1 1 0 0 1 2 0v4.556a1 1 0 0 1-1 1zM64.012 117.162a1 1 0 0 1-1-1v-4.556a1 1 0 0 1 2 0v4.556a1 1 0 0 1-1 1zM116.123 65.051h-4.556a1 1 0 0 1 0-2h4.556a1 1 0 0 1 0 2zM16.455 65.051H11.9a1 1 0 0 1 0-2h4.555a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#f26176"
d="M54.052 54.041 32.636 95.376l41.335-21.417 21.416-41.335z"
/>
<path
fill="#2f3a5a"
d="M32.636 96.376a1 1 0 0 1-.888-1.46l21.416-41.335a.994.994 0 0 1 .428-.428l41.335-21.417a1 1 0 0 1 1.347 1.348L74.858 74.419a.992.992 0 0 1-.427.428L33.1 96.264a1.007 1.007 0 0 1-.464.112zm22.158-41.593L34.973 93.039l38.256-19.822L93.05 34.961z"
/>
<path fill="#4fa4d1" d="m54.052 54.041 19.919 19.918 21.416-41.335z" />
<path
fill="#2f3a5a"
d="M73.971 74.959a1 1 0 0 1-.707-.293L53.345 54.748a1 1 0 0 1 .247-1.595l41.335-21.417a1 1 0 0 1 1.347 1.348L74.858 74.419a1 1 0 0 1-.887.54zM55.726 54.3l17.986 17.985L93.05 34.961z"
/>
<circle
cx="64.011"
cy="64"
r="7.075"
fill="#dbe2eb"
transform="rotate(-45 64.005 64.016)"
/>
<path
fill="#2f3a5a"
d="M64.012 72.071a8.071 8.071 0 1 1 5.71-2.361 8.048 8.048 0 0 1-5.71 2.361zm0-14.143a6.072 6.072 0 1 0 4.3 1.776 6.061 6.061 0 0 0-4.3-1.776z"
/>
</svg>
More icons in the same style and category