Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, travel, orientation, ui, and cardinal points. Created in a clean lineal color 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 300 300"
>
<circle cx="160.898" cy="130" r="86" fill="#e6ebce" />
<g fill="#4c241d">
<circle cx="226.622" cy="49.597" r="4.276" />
<path
d="M249.102 100.219a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656l12 12a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M237.102 100.219a4 4 0 0 1-2.828-6.828l12-12a4 4 0 1 1 5.656 5.656l-12 12a3.99 3.99 0 0 1-2.828 1.172z"
/>
</g>
<circle cx="142.898" cy="176" r="92" fill="#a9ba5a" />
<path
fill="#4c241d"
d="M142.898 272c-52.934 0-96-43.066-96-96s43.066-96 96-96 96 43.066 96 96-43.066 96-96 96zm0-184c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.476-88-88-88z"
/>
<circle cx="142.898" cy="176" r="76" fill="#9dc1e4" />
<path
fill="#4c241d"
d="M142.898 256c-44.111 0-80-35.889-80-80s35.889-80 80-80 80 35.889 80 80-35.888 80-80 80zm0-152c-39.701 0-72 32.299-72 72s32.299 72 72 72 72-32.299 72-72-32.298-72-72-72z"
/>
<g fill="#4c241d">
<path
d="M142.898 244a4 4 0 0 1-4-4V112a4 4 0 0 1 8 0v128a4 4 0 0 1-4 4z"
/>
<path d="M206.898 180h-128a4 4 0 0 1 0-8h128a4 4 0 0 1 0 8z" />
<path
d="M97.645 225.254a4 4 0 0 1-2.828-6.828l90.508-90.508a4 4 0 1 1 5.656 5.656l-90.508 90.508a3.99 3.99 0 0 1-2.828 1.172z"
/>
<path
d="M188.152 225.254a3.988 3.988 0 0 1-2.828-1.172l-90.508-90.508a4 4 0 1 1 5.656-5.656l90.508 90.508a4 4 0 0 1-2.828 6.828zM140.898 72c-12.131 0-22-9.869-22-22s9.869-22 22-22 22 9.869 22 22-9.869 22-22 22zm0-36c-7.719 0-14 6.281-14 14s6.281 14 14 14 14-6.281 14-14-6.281-14-14-14z"
/>
</g>
<path fill="#e66353" d="m164.243 116.728-36.241 49.825 25.793 10.894z" />
<path
fill="#4c241d"
d="M153.795 181.447a4.04 4.04 0 0 1-1.557-.314l-25.793-10.895a4 4 0 0 1-1.678-6.039l36.242-49.824a3.999 3.999 0 0 1 7.176 3.031l-10.449 60.719a4.002 4.002 0 0 1-2.021 2.832 4.008 4.008 0 0 1-1.92.49zm-19.594-16.617 16.506 6.971 6.688-38.855z"
/>
<path fill="#fff" d="m117.553 227.272 10.449-60.719 25.793 10.894z" />
<path
fill="#4c241d"
d="M117.551 231.271a3.999 3.999 0 0 1-3.94-4.677l10.449-60.719a4.002 4.002 0 0 1 2.021-2.832 4.013 4.013 0 0 1 3.477-.176l25.793 10.895a4 4 0 0 1 1.678 6.039l-36.242 49.824a3.996 3.996 0 0 1-3.236 1.646zm13.539-59.072-6.688 38.855 23.193-31.885z"
/>
<path fill="#b5a19c" d="M134.898 68h12v16h-12z" />
<path
fill="#4c241d"
d="M146.898 88h-12a4 4 0 0 1-4-4V68a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4zm-8-8h4v-8h-4z"
/>
</svg>
More icons in the same style and category