Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, cardinal points, and maps and location. Created in a clean lineal color style with a white, silver, black, and orange 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c109.53 0 198.281-88.75 198.281-198.28 0-109.531-88.751-198.281-198.281-198.281s-198.28 88.75-198.28 198.281C-198.28-88.75-109.53 0 0 0"
transform="translate(255.169 454.28)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 109.53-88.751 198.28-198.281 198.28-109.531 0-198.281-88.75-198.281-198.28s88.75-198.28 198.281-198.28C-88.751-198.28 0-109.53 0 0m-198.281 245.868C-62.498 245.868 47.587 135.782 47.587 0c0-135.782-110.085-245.868-245.868-245.868-135.782 0-245.868 110.086-245.868 245.868 0 135.782 110.086 245.868 245.868 245.868"
transform="translate(453.45 256)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 88.803 58.344 163.935 138.797 189.194-18.778 5.897-38.757 9.086-59.484 9.086-109.531 0-198.281-88.75-198.281-198.28s88.75-198.28 198.281-198.28c20.727 0 40.706 3.189 59.484 9.086C58.344-163.935 0-88.803 0 0"
transform="translate(175.856 256)"
fill="#1dbcc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c40.362-43.804 65.015-102.304 65.015-166.56 0-135.782-110.085-245.868-245.869-245.868-135.782 0-245.868 110.086-245.868 245.868 0 135.783 110.086 245.869 245.868 245.869 60.451 0 115.808-21.82 158.625-58.012"
transform="translate(436.022 422.56)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-28.664 34.383-45.906 78.623-45.906 126.901 0 109.531 88.75 198.281 198.28 198.281s198.281-88.75 198.281-198.281c0-109.53-88.751-198.28-198.281-198.28-53.456 0-101.962 21.139-137.617 55.517"
transform="translate(102.795 129.099)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 33.628-89.781-89.781 33.629z"
transform="translate(283.246 284.076)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-56.153-56.152-33.629 89.781Z"
transform="translate(283.246 284.076)"
fill="#fd6149"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.691 14.118 33.629-89.781 89.781-33.629-33.628 89.781-30.916 11.58"
transform="translate(231.155 303.587)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 56.153 56.152"
transform="translate(227.093 227.924)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-39.655"
transform="translate(255.169 454.28)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-39.655"
transform="translate(255.169 97.375)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.656"
transform="translate(453.45 256)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.656"
transform="translate(96.545 256)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.771 44.88 53.286 80.128 98.977 95.177"
transform="translate(106.532 311.52)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-13.793-43.914-46.169-79.6-87.912-97.838"
transform="translate(406.531 208.412)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.862"
transform="translate(247.238 390.831)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.862"
transform="translate(247.238 121.169)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.862"
transform="translate(382.068 256)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.862"
transform="translate(112.407 256)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category