Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, Tools and utensils, explore, 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="512"
height="512"
viewBox="0 0 520 520"
>
<linearGradient
id="a"
x1="2.9"
x2="498.915"
y1="517.1"
y2="21.085"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4158d0" />
<stop offset="1" stop-color="#c850c0" />
</linearGradient>
<linearGradient
id="b"
x1="-63.893"
x2="432.122"
y1="450.307"
y2="-45.709"
href="#a"
/>
<linearGradient
id="c"
x1="69.692"
x2="565.708"
y1="583.892"
y2="87.877"
href="#a"
/>
<linearGradient
id="d"
x1="-63.893"
x2="432.123"
y1="450.307"
y2="-45.708"
href="#a"
/>
<linearGradient
id="e"
x1="69.694"
x2="565.709"
y1="583.894"
y2="87.878"
href="#a"
/>
<linearGradient
id="f"
x1="2.887"
x2="498.902"
y1="517.087"
y2="21.071"
href="#a"
/>
<linearGradient
id="g"
x1="-99.888"
x2="396.128"
y1="414.312"
y2="-81.703"
href="#a"
/>
<linearGradient
id="h"
x1="-102.433"
x2="393.582"
y1="411.767"
y2="-84.249"
href="#a"
/>
<linearGradient
id="i"
x1="105.688"
x2="601.703"
y1="619.888"
y2="123.872"
href="#a"
/>
<linearGradient
id="j"
x1="105.688"
x2="601.704"
y1="619.888"
y2="123.873"
href="#a"
/>
<linearGradient
id="k"
x1="118.095"
x2="614.111"
y1="632.295"
y2="136.28"
href="#a"
/>
<linearGradient
id="l"
x1="2.902"
x2="498.917"
y1="517.102"
y2="21.086"
href="#a"
/>
<linearGradient
id="m"
x1="-112.293"
x2="383.722"
y1="401.907"
y2="-94.109"
href="#a"
/>
<path
fill="url(#a)"
d="M260 4C118.841 4 4 118.841 4 260s114.841 256 256 256 256-114.841 256-256S401.159 4 260 4zm0 496.485C127.4 500.485 19.515 392.606 19.515 260S127.4 19.515 260 19.515 500.485 127.4 500.485 260 392.6 500.485 260 500.485z"
/>
<path
fill="url(#b)"
d="M171.356 132.769a154.675 154.675 0 0 1 177.288 0 7.757 7.757 0 0 0 8.894-12.712 170.187 170.187 0 0 0-195.076 0 7.757 7.757 0 1 0 8.894 12.712z"
/>
<path
fill="url(#c)"
d="M348.644 387.227a154.656 154.656 0 0 1-177.288 0 7.757 7.757 0 0 0-8.894 12.712 170.168 170.168 0 0 0 195.076 0 7.757 7.757 0 1 0-8.894-12.712z"
/>
<path
fill="url(#d)"
d="M132.769 348.644a154.675 154.675 0 0 1 0-177.288 7.757 7.757 0 1 0-12.712-8.894 170.187 170.187 0 0 0 0 195.076 7.757 7.757 0 0 0 12.712-8.894z"
/>
<path
fill="url(#e)"
d="M389.14 160.553a7.759 7.759 0 0 0-1.909 10.8 154.675 154.675 0 0 1 0 177.288 7.757 7.757 0 1 0 12.712 8.894 170.187 170.187 0 0 0 0-195.076 7.765 7.765 0 0 0-10.803-1.906z"
/>
<path
fill="url(#f)"
d="M407.394 259.261a7.759 7.759 0 0 0-4.864-7.163l-71.09-28.605 22.821-47.4a7.758 7.758 0 0 0-10.352-10.356l-47.7 22.944-29.023-71.243a7.761 7.761 0 0 0-14.372 0L223.783 188.7l-47.692-22.964a7.755 7.755 0 0 0-10.352 10.352l22.961 47.695-71.267 29.031a7.761 7.761 0 0 0 0 14.372l71.25 29.028-22.894 47.7a7.758 7.758 0 0 0 10.36 10.348l47.93-23.079 29.452 71.405a7.753 7.753 0 0 0 7.171 4.8h.034a7.764 7.764 0 0 0 7.163-4.864l28.605-71.091 47.341 22.819a7.753 7.753 0 0 0 10.36-10.341l-23.04-47.991 71.427-29.46a7.751 7.751 0 0 0 4.802-7.199zm-76.72-69.943-13.656 28.372-10.753-4.326-4.19-10.286zm-141.341.015L217.92 203.1l-4.291 10.533-10.529 4.287zm.015 141.356 13.731-28.61 10.815 4.406 4.26 10.328zm141.292-.015-28.331-13.655L306.742 306l10.062-4.15zM297.807 292.9a7.752 7.752 0 0 0-4.239 4.28l-32.951 81.894L227 297.568a7.726 7.726 0 0 0-4.242-4.227l-20.1-8.19c-.016-.008-.024-.022-.039-.03-.03-.014-.062-.009-.091-.023l-61.6-25.1 81.584-33.235a7.777 7.777 0 0 0 4.257-4.257L260 140.924l25.108 61.631c.01.022.007.045.017.066s.016.018.022.029l7.989 19.611a7.774 7.774 0 0 0 4.288 4.269l81.652 32.853z"
/>
<path
fill="url(#a)"
d="M260 223.152A36.848 36.848 0 1 0 296.848 260 36.89 36.89 0 0 0 260 223.152zm0 58.181A21.333 21.333 0 1 1 281.333 260 21.355 21.355 0 0 1 260 281.333z"
/>
<path
fill="url(#g)"
d="M248.364 81.576a7.758 7.758 0 0 0 7.757-7.758v-10.78l8.864 14.773a7.757 7.757 0 0 0 14.409-3.993V35.03a7.758 7.758 0 0 0-15.515 0v10.781l-8.864-14.773a7.757 7.757 0 0 0-14.409 3.992v38.788a7.759 7.759 0 0 0 7.758 7.758z"
/>
<path
fill="url(#h)"
d="M76.239 237.114a7.749 7.749 0 0 0-9.792 4.95l-2.629 8.019-2.473-7.913a7.514 7.514 0 0 0-7.462-5.443 7.751 7.751 0 0 0-7.379 5.55l-1.966 6.623-2.1-6.728a7.759 7.759 0 0 0-14.813 4.628l9.7 31.027a7.762 7.762 0 0 0 7.4 5.447h.057a7.756 7.756 0 0 0 7.379-5.553l1.966-6.622 2.1 6.728a7.762 7.762 0 0 0 7.349 5.447h.056a7.756 7.756 0 0 0 7.372-5.341l10.181-31.027a7.758 7.758 0 0 0-4.946-9.792z"
/>
<path
fill="url(#i)"
d="M254.182 453.939h21.333a7.758 7.758 0 1 0 0-15.515h-21.333a17.455 17.455 0 1 0 0 34.909h11.636a1.94 1.94 0 1 1 0 3.879h-21.333a7.758 7.758 0 1 0 0 15.515h21.333a17.455 17.455 0 1 0 0-34.909h-11.636a1.94 1.94 0 1 1 0-3.879z"
/>
<path
fill="url(#j)"
d="M453.939 291.03h23.273a7.758 7.758 0 1 0 0-15.515H461.7v-7.757h15.515a7.758 7.758 0 1 0 0-15.516H461.7v-7.757h15.515a7.758 7.758 0 1 0 0-15.515h-23.276a7.757 7.757 0 0 0-7.757 7.757v46.546a7.755 7.755 0 0 0 7.757 7.757z"
/>
<path
fill="url(#a)"
d="m375.193 155.777 10.97-10.97a7.757 7.757 0 0 0-10.97-10.97l-10.97 10.97a7.757 7.757 0 1 0 10.97 10.97z"
/>
<path
fill="url(#k)"
d="M375.193 364.227a7.757 7.757 0 1 0-10.97 10.97l10.97 10.97a7.757 7.757 0 1 0 10.97-10.97z"
/>
<path
fill="url(#l)"
d="m144.807 364.227-10.97 10.97a7.757 7.757 0 1 0 10.97 10.97l10.97-10.97a7.757 7.757 0 0 0-10.97-10.97z"
/>
<path
fill="url(#m)"
d="M144.807 155.777a7.757 7.757 0 0 0 10.97-10.97l-10.97-10.97a7.757 7.757 0 0 0-10.97 10.97z"
/>
</svg>
More icons in the same style and category