Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, travel, orientation, search, explore, cardinal points, maps and location, and business and finance. Created in a clean rounded shapes 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 110 110"
>
<g>
<circle cx="51" cy="59.08" r="50" fill="#e7efff" />
<path
fill="#e7efff"
d="M101 59.08a50 50 0 1 1-50-50 50 50 0 0 1 50 50z"
/>
<circle cx="51" cy="4" r="3" fill="#00c99f" />
<circle cx="17" cy="35" r="3" fill="#ffa100" />
<circle cx="100" cy="68" r="3" fill="#ff4d69" />
<path
fill="#4e6aff"
d="M51 34a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm0-14a6 6 0 1 0 6 6 6 6 0 0 0-6-6z"
/>
<circle cx="91.66" cy="106" r="3" fill="#00c99f" />
<path fill="#323fd4" d="M54 37h-6v-5a3 3 0 0 1 6 0z" />
<path
fill="#4e6aff"
d="M91 75a39.83 39.83 0 0 1-5.53 20.3 50 50 0 0 1-68.94 0A40 40 0 1 1 91 75z"
/>
<path
fill="#323fd4"
d="M86 75a35 35 0 0 1-21 32.1 50.27 50.27 0 0 1-27.94 0A35 35 0 1 1 86 75z"
/>
<path
fill="#e7efff"
d="m55.95 79.95-18.39 8.48 8.49-18.38 18.39-8.49z"
/>
<path
fill="#e7efff"
d="m55.95 70.05 8.49 18.38-18.39-8.48-8.49-18.39z"
/>
<g fill="#fff">
<path
d="M56.12 80.11 70 75l-13.88-5.12L51 56l-5.12 13.88L32 75l13.88 5.11L51 94zM53.2 53.6 49 48v5a1 1 0 0 1-2 0v-8a1 1 0 0 1 1.8-.6L53 50v-5a1 1 0 0 1 2 0v8a1 1 0 0 1-1.8.6zM82 78h-3v-2h2a1 1 0 0 0 0-2h-2v-2h3a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2zM53.2 105.6l-2.2-2.93-2.2 2.93a1 1 0 0 1-1.8-.6v-8a1 1 0 0 1 2 0v5l1.2-1.6a1 1 0 0 1 1.6 0L53 102v-5a1 1 0 0 1 2 0v8a1 1 0 0 1-1.8.6zM23 80h-2a1 1 0 0 1 0-2h2a1 1 0 0 0 0-2 3 3 0 0 1 0-6h2a1 1 0 0 1 0 2h-2a1 1 0 0 0 0 2 3 3 0 0 1 0 6z"
/>
</g>
<path
fill="#a5bced"
d="M73 34h34v22a2 2 0 0 1-2 2H75a2 2 0 0 1-2-2V34z"
/>
<path
fill="#ffa100"
d="M73 28h34a2 2 0 0 1 2 2v5.73a2 2 0 0 1-1.14 1.81l-17 8.05a2 2 0 0 1-1.72 0l-17-8.05A2 2 0 0 1 71 35.73V30a2 2 0 0 1 2-2z"
/>
<rect width="6" height="6" x="87" y="42" fill="#fff" rx="2" />
<path
fill="#a5bced"
d="M96 24v4h-2v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3h-2v-4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"
/>
<path fill="#fff" d="M102 55h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category