Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, Tools and utensils, cardinal points, and cultures. Created in a clean flat style with a white, silver, gray, orange, and pink 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="255" cy="257" r="195" fill="#f4f4f6" />
    <path
        fill="#d5e7f6"
        d="M255 452c107.696 0 195-87.304 195-195 0-53.848-21.826-102.598-57.114-137.886L117.114 394.886C152.402 430.174 201.152 452 255 452z"
    />
    <path
        fill="#ffb454"
        d="M454.75 114.5c-31.568 0-57.25-25.683-57.25-57.25S423.182 0 454.75 0 512 25.683 512 57.25s-25.682 57.25-57.25 57.25zm0-84.5c-15.026 0-27.25 12.225-27.25 27.25s12.224 27.25 27.25 27.25S482 72.275 482 57.25 469.776 30 454.75 30z"
    />
    <path
        fill="#ff8e00"
        d="M482 57.25c0 15.025-12.224 27.25-27.25 27.25-7.513 0-14.325-3.056-19.26-7.99l-21.203 21.203c10.367 10.366 24.679 16.787 40.463 16.787 31.568 0 57.25-25.683 57.25-57.25 0-15.784-6.421-30.096-16.787-40.463L474.01 37.99c4.934 4.935 7.99 11.747 7.99 19.26z"
    />
    <path
        fill="#4f4540"
        d="M255 462c-8.284 0-15-6.716-15-15v-50c0-8.284 6.716-15 15-15s15 6.716 15 15v50c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#806e66"
        d="M255 132c-8.284 0-15-6.716-15-15V67c0-8.284 6.716-15 15-15s15 6.716 15 15v50c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#4f4540"
        d="M445 272h-50c-8.284 0-15-6.716-15-15s6.716-15 15-15h50c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
    />
    <path
        fill="#806e66"
        d="M115 272H65c-8.284 0-15-6.716-15-15s6.716-15 15-15h50c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
    />
    <path
        fill="#93c6ec"
        d="m353.723 336.142-49.498-120.208a14.984 14.984 0 0 0-3.263-4.896L236 235l-26.962 67.962a14.984 14.984 0 0 0 4.896 3.263l120.208 49.497a14.995 14.995 0 0 0 16.318-3.264 14.996 14.996 0 0 0 3.263-16.316z"
    />
    <path
        fill="#ff7d47"
        d="m296.066 207.774-120.208-49.497a15 15 0 0 0-19.582 19.581l49.498 120.208a14.984 14.984 0 0 0 3.263 4.896l91.924-91.924a14.987 14.987 0 0 0-4.895-3.264z"
    />
    <path
        fill="#ffe278"
        d="M435.312 76.688C387.149 28.524 323.113 2 255 2S122.851 28.524 74.688 76.688C26.524 124.852 0 188.888 0 257s26.524 132.148 74.688 180.312C122.851 485.476 186.887 512 255 512s132.149-26.524 180.312-74.688C483.476 389.148 510 325.112 510 257s-26.524-132.148-74.688-180.312zM255 437c-99.411 0-180-80.589-180-180S155.589 77 255 77s180 80.589 180 180-80.589 180-180 180z"
    />
    <path
        fill="#ffb454"
        d="m435.312 76.688-53.033 53.032C414.853 162.294 435 207.294 435 257c0 99.411-80.589 180-180 180-49.706 0-94.706-20.147-127.279-52.721l-53.033 53.032C122.851 485.476 186.887 512 255 512s132.149-26.524 180.312-74.688C483.476 389.148 510 325.112 510 257s-26.524-132.148-74.688-180.312z"
    />
</svg>
More icons in the same style and category