Add icons to this collection by clicking the heart icon.
Compass icon - also known as gps, navigation, map, location, compass, travel, and maps and location. Created in a clean gradient 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="62.992"
y2="2.756"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="49.5"
x2="49.5"
y1="62.992"
y2="2.756"
href="#a"
/>
<linearGradient id="c" x1="16" x2="16" y1="62.992" y2="2.756" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M32 2a30 30 0 1 0 30 30A30.037 30.037 0 0 0 32 2zm0 58a28 28 0 1 1 28-28 28.031 28.031 0 0 1-28 28z"
/>
<path
d="M32 8a24 24 0 1 0 24 24A24.032 24.032 0 0 0 32 8zm0 46a22 22 0 1 1 22-22 22.026 22.026 0 0 1-22 22z"
/>
<path
d="m42.5 20.132-14 8a.991.991 0 0 0-.372.372l-8 14a1 1 0 0 0 1.372 1.364l14-8a.991.991 0 0 0 .372-.372l8-14a1 1 0 0 0-1.372-1.364zm-13.285 10.5 4.148 4.148-9.679 5.531zm5.562 2.734-4.148-4.148 9.679-5.531zM30 20a1 1 0 0 0 1-1v-2.7l2.168 3.252A1 1 0 0 0 35 19v-6a1 1 0 0 0-2 0v2.7l-2.168-3.252A1 1 0 0 0 29 13v6a1 1 0 0 0 1 1z"
/>
</g>
<path
fill="url(#b)"
d="M51 33a1 1 0 0 0 0-2h-2v-1h2a1 1 0 0 0 0-2h-3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2h-2v-1z"
/>
<path
fill="url(#c)"
d="M19.165 28.014a1 1 0 0 0-1.151.821l-.5 2.967-.614-1.249a1.042 1.042 0 0 0-1.79 0l-.629 1.247-.495-2.967a1 1 0 0 0-1.972.33l1 6a1 1 0 0 0 1.881.282L16 33.236l1.105 2.211A1 1 0 0 0 18 36a.943.943 0 0 0 .149-.011 1 1 0 0 0 .837-.824l1-6a1 1 0 0 0-.821-1.151z"
/>
<path
fill="url(#a)"
d="M31.5 46H34a1 1 0 0 0 0-2h-2.5a2.5 2.5 0 0 0 0 5h1a.5.5 0 0 1 0 1H30a1 1 0 0 0 0 2h2.5a2.5 2.5 0 0 0 0-5h-1a.5.5 0 0 1 0-1z"
/>
</g>
</svg>
More icons in the same style and category