Add icons to this collection by clicking the heart icon.
Compass icon - also known as technology, interface, cursor, gps, navigation, direction, location, compass, orientation, cardinal points, 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="100"
height="100"
viewBox="0 0 903.007 903.007"
>
<linearGradient
id="a"
x1="451.503"
x2="451.503"
y1="950.616"
y2="-20.876"
gradientTransform="matrix(1 0 0 -1 0 922)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M655.329 226.867 420.641 383.386a74.011 74.011 0 0 0-19.595 12.963l-.285.18c-.735.69-1.59 1.17-2.326 1.89-.735.72-1.2 1.59-1.89 2.326l-.195.285a74.523 74.523 0 0 0-12.588 18.89L226.867 655.329c-4.603 6.891-2.748 16.208 4.143 20.81a15.004 15.004 0 0 0 16.668 0l234.673-156.504a74.271 74.271 0 0 0 19.61-12.978l.285-.18c.735-.69 1.59-1.17 2.326-1.89.735-.72 1.2-1.59 1.89-2.326l.195-.285a74.523 74.523 0 0 0 12.588-18.89l156.894-235.409c4.603-6.891 2.748-16.208-4.143-20.81a15.006 15.006 0 0 0-16.667 0zM451.503 406.492c24.793-.055 44.936 19.999 44.991 44.791a44.902 44.902 0 0 1-2.98 16.184l-10.383 15.679-15.379 10.248c-23.073 9.027-49.095-2.36-58.122-25.433a44.86 44.86 0 0 1-.092-32.451l10.368-15.679 15.379-10.248a45.184 45.184 0 0 1 16.218-3.091zm-70.097 71.193a72.93 72.93 0 0 0 43.976 43.931l-131.898 87.892 87.922-131.823zm140.195-52.393a72.93 72.93 0 0 0-43.976-43.931l131.898-87.892-87.922 131.823z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="451.503"
x2="451.503"
y1="950.616"
y2="-20.876"
gradientTransform="matrix(1 0 0 -1 0 922)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M769.778 133.229c-175.01-176.546-460.002-177.792-636.549-2.782s-177.792 460.002-2.782 636.549c.923.932 1.851 1.859 2.782 2.782 175.01 176.546 460.002 177.792 636.549 2.782s177.792-460.002 2.782-636.549a486.462 486.462 0 0 0-2.782-2.782zm-21.201 615.348c-164.069 164.069-430.079 164.069-594.148 0s-164.069-430.079 0-594.148 430.078-164.069 594.148 0 164.07 430.079 0 594.148z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="451.503"
x2="451.503"
y1="950.616"
y2="-20.876"
gradientTransform="matrix(1 0 0 -1 0 922)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M451.503 46.402c-223.731 0-405.101 181.37-405.101 405.101s181.37 405.101 405.101 405.101 405.101-181.37 405.101-405.101c-.248-223.628-181.472-404.852-405.101-405.101zm15.004 779.82v-59.64H436.5v59.64C241.268 818.167 84.84 661.738 76.785 466.507h59.64V436.5h-59.64C84.84 241.268 241.268 84.84 436.5 76.785v59.64h30.007v-59.64C661.738 84.84 818.167 241.268 826.222 436.5h-59.64v30.007h59.64c-8.055 195.231-164.484 351.66-359.715 359.715z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category