Add icons to this collection by clicking the heart icon.
Compass icon - also known as gps, direction, location, compass, travel, orientation, search, explore, cardinal points, and maps and location. Created in a clean flat 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="58.93"
x2="-.318"
y1="61.81"
y2="2.563"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3b3b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="b"
x1="46.24"
x2="21.017"
y1="49.12"
y2="23.897"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c21500" />
<stop offset="1" stop-color="#f85032" />
</linearGradient>
<linearGradient
id="c"
x1="37.6"
x2="28.953"
y1="40.48"
y2="31.832"
href="#a"
/>
<linearGradient
id="d"
x1="51.1"
x2="6.179"
y1="53.98"
y2="9.059"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<path
fill="url(#a)"
d="M35.242 13a3.88 3.88 0 1 0-6.484 0 22.12 22.12 0 1 0 6.484 0zm-5.122-2.12A1.88 1.88 0 1 1 32 12.76a1.882 1.882 0 0 1-1.88-1.88z"
/>
<path
fill="url(#b)"
d="M42 45.88a1.012 1.012 0 0 1-.429-.1l-12.922-6.123a3.009 3.009 0 0 1-1.425-1.427L21.1 25.308a1 1 0 0 1 1.332-1.332l12.92 6.124a3.014 3.014 0 0 1 1.424 1.424L42.9 44.452a1 1 0 0 1-.9 1.428z"
/>
<path
fill="url(#c)"
d="M32 37.8a2.92 2.92 0 1 1 2.92-2.92A2.923 2.923 0 0 1 32 37.8z"
/>
<path
fill="url(#d)"
d="M32 16.28a18.6 18.6 0 1 0 18.6 18.6A18.621 18.621 0 0 0 32 16.28zm1 35.149v-.709a1 1 0 0 0-2 0v.709A16.6 16.6 0 0 1 15.451 35.88h.709a1 1 0 1 0 0-2h-.709A16.6 16.6 0 0 1 31 18.33v.71a1 1 0 0 0 2 0v-.71a16.6 16.6 0 0 1 15.549 15.55h-.709a1 1 0 0 0 0 2h.709A16.6 16.6 0 0 1 33 51.429z"
/>
</svg>
More icons in the same style and category