Add icons to this collection by clicking the heart icon.
Compass Icon icon - also known as circular, tools, circle, compass, travel, tool, orientation, Tools and utensils, compasses, orientative, and compass icon. Created in a clean flat 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 90 90"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e965fc" />
<stop offset="1" stop-color="#ae5cf7" />
</linearGradient>
<linearGradient
id="b"
x1="72"
x2="76"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="72"
x2="76"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="76"
x2="82"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="66"
x2="72"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="66"
x2="82"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="16"
x2="20"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="16"
x2="20"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="20"
x2="26"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="10"
x2="16"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="10"
x2="26"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="22.674"
x2="67.326"
y1="53"
y2="53"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M72 10h4v6h-4z" />
<path fill="url(#b)" d="M72 10h4v6h-4z" />
<path fill="url(#c)" d="M72 20h4v6h-4z" />
<path fill="url(#c)" d="M72 20h4v6h-4z" />
<path fill="url(#d)" d="M76 16h6v4h-6z" />
<path fill="url(#d)" d="M76 16h6v4h-6z" />
<path fill="url(#e)" d="M66 16h6v4h-6z" />
<path fill="url(#e)" d="M66 16h6v4h-6z" />
<path fill="url(#f)" d="M72 10h4v6h-4z" />
<path fill="url(#f)" d="M72 10h4v6h-4z" />
<path fill="url(#f)" d="M72 10h4v6h-4zM72 20h4v6h-4z" />
<path fill="url(#f)" d="M72 20h4v6h-4z" />
<path fill="url(#f)" d="M72 20h4v6h-4zM76 16h6v4h-6z" />
<path fill="url(#f)" d="M76 16h6v4h-6z" />
<path fill="url(#f)" d="M76 16h6v4h-6zM66 16h6v4h-6z" />
<path fill="url(#f)" d="M66 16h6v4h-6z" />
<path fill="url(#f)" d="M66 16h6v4h-6z" />
<path fill="url(#g)" d="M16 10h4v6h-4z" />
<path fill="url(#h)" d="M16 20h4v6h-4z" />
<path fill="url(#i)" d="M20 16h6v4h-6z" />
<path fill="url(#j)" d="M10 16h6v4h-6z" />
<g fill="url(#k)">
<path d="M16 10h4v6h-4zM16 20h4v6h-4zM20 16h6v4h-6zM10 16h6v4h-6z" />
</g>
<path
fill="#eed7ff"
d="M45 23.674c-16.197 0-29.326 13.13-29.326 29.326S28.803 82.326 45 82.326 74.326 69.197 74.326 53 61.197 23.674 45 23.674zm0 51.652C32.689 75.326 22.674 65.31 22.674 53S32.689 30.674 45 30.674 67.326 40.689 67.326 53 57.311 75.326 45 75.326z"
/>
<path
fill="url(#l)"
d="M45 30.674C32.689 30.674 22.674 40.69 22.674 53S32.689 75.326 45 75.326 67.326 65.311 67.326 53 57.311 30.674 45 30.674zm10.242 11.995-4.249 9.68c.001.051.007.1.007.151a6.495 6.495 0 0 1-5.553 6.423l-8.343 5.813c-1.807 1.136-4.02-.683-3.256-2.676l4.156-9.467c0-.031-.005-.062-.005-.093a6.502 6.502 0 0 1 5.166-6.362l8.82-6.145c1.808-1.136 4.021.683 3.257 2.676z"
/>
<path
fill="#eed7ff"
d="m51.986 39.993-8.82 6.145a6.496 6.496 0 0 1 7.826 6.211l4.249-9.68c.765-1.993-1.448-3.812-3.255-2.676zM38.005 52.593l-4.156 9.467c-.765 1.993 1.448 3.812 3.256 2.676l8.343-5.813A6.449 6.449 0 0 1 44.5 59a6.498 6.498 0 0 1-6.495-6.407z"
/>
<path
fill="#fffecc"
d="M44.5 46a6.502 6.502 0 0 0-6.5 6.5c0 .031.004.062.005.093A6.498 6.498 0 0 0 44.5 59c.323 0 .637-.031.947-.077A6.495 6.495 0 0 0 51 52.5c0-.051-.006-.1-.008-.151A6.496 6.496 0 0 0 44.5 46z"
/>
</svg>
More icons in the same style and category