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=".7"
x2="496.784"
y1="519.3"
y2="23.216"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4158d0" />
<stop offset="1" stop-color="#c850c0" />
</linearGradient>
<linearGradient
id="b"
x1="-88.511"
x2="407.573"
y1="430.089"
y2="-65.995"
href="#a"
/>
<linearGradient
id="c"
x1="-125.464"
x2="370.62"
y1="393.136"
y2="-102.948"
href="#a"
/>
<linearGradient
id="d"
x1=".699"
x2="496.783"
y1="519.299"
y2="23.215"
href="#a"
/>
<linearGradient
id="e"
x1="89.911"
x2="585.995"
y1="608.511"
y2="112.427"
href="#a"
/>
<linearGradient
id="f"
x1="126.863"
x2="622.947"
y1="645.463"
y2="149.379"
href="#a"
/>
<linearGradient
id="g"
x1="-86.568"
x2="409.516"
y1="432.032"
y2="-64.051"
href="#a"
/>
<path
fill="url(#a)"
d="M516 260C516 118.841 401.159 4 260 4S4 118.841 4 260s114.841 256 256 256 256-114.841 256-256zM260 500.484C127.4 500.484 19.516 392.6 19.516 260S127.4 19.516 260 19.516 500.484 127.4 500.484 260 392.6 500.484 260 500.484z"
/>
<path
fill="url(#a)"
d="M260 38.842C138.053 38.842 38.842 138.053 38.842 260S138.053 481.158 260 481.158 481.158 381.947 481.158 260 381.947 38.842 260 38.842zm0 426.8c-113.394 0-205.642-92.248-205.642-205.642S146.606 54.358 260 54.358 465.642 146.606 465.642 260 373.394 465.642 260 465.642z"
/>
<path
fill="url(#b)"
d="M89.336 252.242H73.82a7.758 7.758 0 0 0 0 15.516h15.516a7.758 7.758 0 0 0 0-15.516z"
/>
<path
fill="url(#c)"
d="M133.837 144.807a7.757 7.757 0 1 0 10.97-10.97l-10.97-10.974a7.757 7.757 0 0 0-10.97 10.97z"
/>
<path
fill="url(#d)"
d="m386.163 144.807 10.97-10.974a7.757 7.757 0 1 0-10.97-10.97l-10.97 10.974a7.757 7.757 0 1 0 10.97 10.97z"
/>
<path
fill="url(#e)"
d="M446.18 252.242h-15.516a7.758 7.758 0 1 0 0 15.516h15.516a7.758 7.758 0 0 0 0-15.516z"
/>
<path
fill="url(#f)"
d="M386.163 375.193a7.757 7.757 0 0 0-10.97 10.97l10.97 10.97a7.757 7.757 0 1 0 10.97-10.97z"
/>
<path
fill="url(#e)"
d="M260 422.906a7.759 7.759 0 0 0-7.758 7.758v15.516a7.758 7.758 0 1 0 15.516 0v-15.516a7.759 7.759 0 0 0-7.758-7.758z"
/>
<path
fill="url(#a)"
d="m133.837 375.193-10.97 10.97a7.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(#g)"
d="M248.363 104.851a7.757 7.757 0 0 0 7.758-7.757v-4.546l10.031 10.031a7.757 7.757 0 0 0 13.248-5.485V73.832a7.758 7.758 0 1 0-15.516 0v4.534l-10.033-10.028a7.763 7.763 0 0 0-13.246 5.482v23.274a7.758 7.758 0 0 0 7.758 7.757z"
/>
<g fill="url(#a)">
<path
d="m403.36 253.193-59.43-32.5 14.444-49.442a7.759 7.759 0 0 0-9.621-9.621l-49.442 14.44-32.5-59.43c-2.72-4.978-10.894-4.978-13.614 0l-32.5 59.43-49.442-14.444a7.759 7.759 0 0 0-9.621 9.621l14.444 49.442-59.43 32.5a7.759 7.759 0 0 0 0 13.614l59.43 32.5-14.444 49.442a7.759 7.759 0 0 0 9.621 9.621l49.442-14.444 32.5 59.43a7.759 7.759 0 0 0 13.614 0l32.5-59.43 49.442 14.444a7.759 7.759 0 0 0 9.621-9.621l-14.444-49.434 59.43-32.5a7.759 7.759 0 0 0 0-13.614zm-73.368-40.126-14.907-8.152-8.152-14.907 32.577-9.518zm-116.925-23.059-8.152 14.907-14.907 8.152-9.518-32.577zm-23.059 116.925 14.907 8.152 8.152 14.907-32.577 9.518zm116.925 23.059 8.152-14.907 14.907-8.152 9.518 32.577zm-1.288-27.43a7.789 7.789 0 0 0-3.083 3.083L288.69 331.01 260 383.47l-28.69-52.46-.331-.6c-.012-.018-.019-.04-.031-.058l-13.51-24.7a7.789 7.789 0 0 0-3.083-3.083L136.53 260l52.46-28.69.64-.35.01-.006 24.715-13.516a7.789 7.789 0 0 0 3.083-3.083L260 136.53l42.562 77.825a7.789 7.789 0 0 0 3.083 3.083L383.47 260z"
/>
<path
d="M260 226.06A33.94 33.94 0 1 0 293.94 260 33.977 33.977 0 0 0 260 226.06zm0 52.365A18.425 18.425 0 1 1 278.425 260 18.447 18.447 0 0 1 260 278.425z"
/>
</g>
</svg>
More icons in the same style and category