Add icons to this collection by clicking the heart icon.
Compass icon - also known as interface, compass, ui, point, web interface, and compass icon. Created in a clean flat gradient style with a white 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 64 64"
>
<linearGradient
id="a"
x1="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fad0c4" />
<stop offset="1" stop-color="#ff9a9e" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="53"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff67b0" />
<stop offset="1" stop-color="#fed6e3" stop-opacity=".1" />
</linearGradient>
<linearGradient
id="c"
x1="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity=".4" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="11"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".7" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="e"
x1="-532"
x2="-532"
y1="-441"
y2="-420"
gradientTransform="rotate(180 -250 -194)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3679e" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<circle cx="32" cy="32" r="21" fill="url(#a)" />
<circle cx="32" cy="32" r="21" fill="url(#b)" />
<circle cx="32" cy="32" r="21" fill="url(#c)" />
<path fill="url(#d)" d="M11 32a21 21 0 0 1 42 0z" />
<path fill="url(#e)" d="M53 32a21 21 0 0 1-42 0z" />
<g fill="#f7f7f8">
<path
d="M32.71 31.29a1.004 1.004 0 1 1-1.42 0 1.008 1.008 0 0 1 1.42 0z"
/>
<path
d="M32 20a12 12 0 1 0 12 12 11.997 11.997 0 0 0-12-12zm5.66 17.66a1.128 1.128 0 0 1-.8.33 1.141 1.141 0 0 1-.7-.24l-5.38-4.18a1.933 1.933 0 0 1-.35-.35l-4.18-5.38a1.143 1.143 0 0 1 .09-1.5 1.128 1.128 0 0 1 .8-.33 1.141 1.141 0 0 1 .7.24l5.38 4.18a1.933 1.933 0 0 1 .35.35l4.18 5.38a1.143 1.143 0 0 1-.09 1.5z"
/>
</g>
</svg>
More icons in the same style and category