Add icons to this collection by clicking the heart icon.
Compass icon - also known as technology, interface, cursor, gps, navigation, compass, Tools and utensils, 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 480.08 480.08"
>
<linearGradient
id="a"
x1="-57.117"
x2="16.955"
y1="587.688"
y2="587.688"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M262.224 33.164c5.058-12.252-.774-26.284-13.026-31.342s-26.284.774-31.342 13.026a24.003 24.003 0 0 0 0 18.316C94.752 45.416 4.889 155.144 17.141 278.247S139.12 491.214 262.224 478.962s212.967-121.979 200.715-245.083C452.372 127.711 368.392 43.731 262.224 33.164zM232.04 24.06a8 8 0 1 1 16 0 8 8 0 0 1-16 0zm8 440c-114.875 0-208-93.125-208-208s93.125-208 208-208 208 93.125 208 208c-.132 114.821-93.18 207.868-208 208z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-57.117"
x2="16.955"
y1="585.685"
y2="585.685"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M240.04 64.06c-106.039 0-192 85.961-192 192s85.961 192 192 192 192-85.961 192-192c-.124-105.987-86.013-191.876-192-192zm0 368c-97.202 0-176-78.798-176-176s78.798-176 176-176 176 78.798 176 176c-.11 97.157-78.844 175.89-176 176z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-57.117"
x2="16.955"
y1="569.685"
y2="569.685"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M240.04 360.06a8 8 0 0 1 8 8h16c0-13.255-10.745-24-24-24s-24 10.745-24 24 10.745 24 24 24a8 8 0 1 1-8 8h-16c0 13.255 10.745 24 24 24s24-10.745 24-24-10.745-24-24-24a8 8 0 0 1 0-16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-57.117"
x2="16.955"
y1="601.685"
y2="601.685"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m232.04 130.46 17.344 26.016a8 8 0 0 0 14.656-4.416v-56h-16v29.6l-17.344-26.016a8 8 0 0 0-14.656 4.416v56h16v-29.6z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-57.117"
x2="16.955"
y1="585.68"
y2="585.68"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M247.76 188.06a8 8 0 0 0-15.44 0l-17.944 65.936a8.158 8.158 0 0 0 0 4.208l17.944 65.936a8 8 0 0 0 15.44 0l17.944-65.936a8.158 8.158 0 0 0 0-4.208L247.76 188.06zm-7.72 103.472-9.656-35.472 9.656-35.472 9.656 35.472-9.656 35.472z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-57.117"
x2="16.955"
y1="587.685"
y2="587.685"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m128.04 240.06-9.6-12.8a8.288 8.288 0 0 0-12.8 0l-9.6 12.8v-32h-16v56a8 8 0 0 0 14.4 4.8l17.6-23.464 17.6 23.464a8.002 8.002 0 0 0 14.4-4.8v-56h-16v32z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-57.117"
x2="16.955"
y1="587.685"
y2="587.685"
gradientTransform="matrix(8 0 0 -8 454.72 4941.543)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M400.04 224.06v-16h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48v-16h-40v-8h24v-16h-24v-8h40z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category