Add icons to this collection by clicking the heart icon.
Compass icon - also known as interface, cursor, navigation, direction, location, compass, travel, orientation, search, cardinal points, and construction and tools. Created in a clean flat style with a white, silver, gray, red, yellow, 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="512"
height="512"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#ff583e" />
<path
fill="#e80f0f"
d="M511.499 272.146 291.243 51.89l-60.424 10.99-100.813 335.137 113.693 113.692c4.076.193 8.177.291 12.301.291 135.962 0 247.168-105.991 255.499-239.854z"
/>
<path
fill="#ffde55"
d="M256 134.569c-26.948 0-48.872-21.924-48.872-48.872S229.052 36.824 256 36.824s48.872 21.924 48.872 48.872-21.924 48.873-48.872 48.873zm0-67.745c-10.406 0-18.872 8.466-18.872 18.872s8.466 18.872 18.872 18.872 18.872-8.466 18.872-18.872S266.406 66.824 256 66.824z"
/>
<path
fill="#ffce00"
d="M304.872 85.697c0-26.944-21.93-48.864-48.872-48.872v30c10.4.008 18.872 8.47 18.872 18.872S266.4 104.561 256 104.569v30c26.942-.008 48.872-21.929 48.872-48.872z"
/>
<circle cx="256" cy="277.975" r="174.025" fill="#ffce00" />
<path
fill="#fdba12"
d="M430.024 277.976c0-96.106-77.92-174.017-174.024-174.024V452c96.104-.008 174.024-77.918 174.024-174.024z"
/>
<circle cx="256" cy="277.975" r="130.449" fill="#fff" />
<path
fill="#e9edf5"
d="M386.449 277.976c0-72.041-58.411-130.442-130.449-130.449v260.899c72.039-.009 130.449-58.41 130.449-130.45z"
/>
<path fill="#dce1eb" d="M241 160.369h30v29.973h-30z" />
<path fill="#bec3d2" d="M256 160.369h15v29.973h-15z" />
<path fill="#dce1eb" d="M241 365.609h30v29.973h-30z" />
<path
fill="#bec3d2"
d="M256 365.609h15v29.973h-15zM343.635 262.976h29.973v30h-29.973z"
/>
<path fill="#dce1eb" d="M138.394 262.976h29.973v30h-29.973z" />
<path fill="#7584f2" d="m256 358.124-28-80.149 28-80.148 28 80.148z" />
<path fill="#606aea" d="M256 197.827v160.297l28-80.148z" />
<path fill="#ff583e" d="m228 277.975 28-80.148 28 80.148z" />
<path fill="#f92814" d="M256 197.827v80.149h28z" />
</svg>
More icons in the same style and category