Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, explore, cardinal points, and maps and location. Created in a clean lineal color gradient style with a navy finish, 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 512 512"
>
<linearGradient
id="a"
x1="255.999"
x2="255.999"
y1="503.003"
y2="97.017"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1004cd" />
<stop offset="1" stop-color="#0cdff8" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="450.618"
y2="149.404"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2dec3" />
<stop offset=".994" stop-color="#fff" />
</linearGradient>
<linearGradient
id="c"
x1="275.832"
x2="275.832"
y1="321.319"
y2="239.04"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f80314" />
<stop offset="1" stop-color="#fed59c" />
</linearGradient>
<linearGradient
id="d"
x1="236.168"
x2="236.168"
y1="360.983"
y2="278.702"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe652b" />
<stop offset="1" stop-color="#ffff49" />
</linearGradient>
<circle cx="255.999" cy="300.01" r="202.993" fill="url(#a)" />
<circle cx="255.999" cy="300.011" r="150.607" fill="url(#b)" />
<path fill="url(#c)" d="m277.308 321.319-42.616-42.616 82.28-39.663z" />
<path fill="url(#d)" d="m234.691 278.702 42.617 42.617-82.28 39.664z" />
<g fill="#1e2e49">
<path
d="M290.37 91.892c10.77-9.531 17.608-23.41 17.608-38.886 0-28.658-23.32-51.978-51.978-51.978s-51.978 23.32-51.978 51.978c0 15.476 6.838 29.355 17.608 38.886C121.6 108.357 45.038 195.388 45.038 300.01c0 116.328 94.634 210.962 210.962 210.962s210.962-94.634 210.962-210.962c0-104.622-76.562-191.653-176.592-208.118zm-70.412-38.886c0-19.873 16.169-36.042 36.042-36.042s36.042 16.169 36.042 36.042S275.873 89.048 256 89.048s-36.042-16.169-36.042-36.042zM256 495.036c-107.535 0-195.026-87.491-195.026-195.026S148.465 104.984 256 104.984s195.026 87.491 195.026 195.026S363.535 495.036 256 495.036z"
/>
<path
d="M256 141.439c-87.444 0-158.579 71.135-158.579 158.571 0 87.444 71.135 158.579 158.579 158.579 87.436 0 158.571-71.135 158.571-158.579 0-87.436-71.135-158.571-158.571-158.571zm0 301.215c-78.652 0-142.643-63.992-142.643-142.643S177.348 157.374 256 157.374s142.636 63.984 142.636 142.636S334.652 442.654 256 442.654z"
/>
<path
d="M256 204.248a7.964 7.964 0 0 0 7.968-7.968v-12.979c0-4.404-3.564-7.968-7.968-7.968s-7.968 3.564-7.968 7.968v12.979a7.964 7.964 0 0 0 7.968 7.968zM256 395.772a7.964 7.964 0 0 0-7.968 7.968v12.979c0 4.404 3.564 7.968 7.968 7.968s7.968-3.564 7.968-7.968V403.74a7.964 7.964 0 0 0-7.968-7.968zM372.709 292.042H359.73c-4.404 0-7.968 3.564-7.968 7.968s3.564 7.968 7.968 7.968h12.979c4.404 0 7.968-3.564 7.968-7.968s-3.564-7.968-7.968-7.968zM152.27 292.042h-12.979c-4.404 0-7.968 3.564-7.968 7.968s3.564 7.968 7.968 7.968h12.979c4.404 0 7.968-3.564 7.968-7.968s-3.564-7.968-7.968-7.968zM313.51 231.863l-82.278 39.668c-1.606.772-3.009 2.914-3.719 3.712l-39.66 82.278c-3.267 6.777 3.869 13.925 10.637 10.637l82.278-39.66c1.611-.778 3.003-2.914 3.712-3.712l39.668-82.285a7.968 7.968 0 0 0-1.541-9.096 7.94 7.94 0 0 0-9.097-1.542zm-101.403 112.04 24.884-51.628 26.744 26.744zm62.894-36.151-26.736-26.744 51.628-24.892z"
/>
</g>
</svg>
More icons in the same style and category