Compass

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 74 74"
>
    <circle
        cx="37"
        cy="37"
        r="32"
        fill="#96c"
        transform="rotate(-67.48 37.015 36.994)"
    />
    <circle
        cx="37"
        cy="37"
        r="30.32"
        opacity=".05"
        transform="rotate(-67.48 37.015 36.994)"
    />
    <circle
        cx="36.29"
        cy="36.29"
        r="27.71"
        fill="#96c"
        transform="rotate(-67.48 36.3 36.28)"
    />
    <circle
        cx="37"
        cy="37"
        r="27"
        fill="#ededed"
        transform="rotate(-67.48 37.015 36.994)"
    />
    <g fill="#6c3">
        <path
            d="M38.51 20.4v13.34c0 .32-.26.58-.58.58h-1.86a.58.58 0 0 1-.58-.58V20.4z"
        />
        <path
            d="M39.85 21.28h-5.7c-.23 0-.37-.25-.26-.45l2.85-4.88c.12-.2.4-.2.52 0l2.85 4.88c.12.2-.03.45-.26.45z"
        />
    </g>
    <g fill="#6c3">
        <path
            d="M51.96 38.51H38.62a.58.58 0 0 1-.58-.58v-1.86c0-.32.26-.58.58-.58h13.34z"
        />
        <path
            d="M51.08 39.85v-5.7c0-.23.25-.37.45-.26l4.88 2.85c.2.12.2.4 0 .52l-4.88 2.85c-.2.12-.45-.03-.45-.26z"
        />
    </g>
    <circle
        cx="37"
        cy="37"
        r="4.93"
        fill="#494643"
        transform="rotate(-67.48 37.015 36.994)"
    />
    <path
        fill="#fff"
        d="M59.02 13.77v6.83c0 20.13-16.32 36.45-36.45 36.45H12.06A31.852 31.852 0 0 1 5 37C5 19.31 19.31 5 37 5c8.52 0 16.28 3.34 22.02 8.77z"
        opacity=".1"
    />
    <path
        fill="#fff"
        d="M51.78 8.62v4.1c0 20.54-16.66 37.2-37.2 37.2H7.72A31.81 31.81 0 0 1 5 37C5 19.31 19.31 5 37 5c5.33 0 10.36 1.31 14.78 3.62z"
        opacity=".1"
    />
    <g fill="#ccc">
        <circle cx="37" cy="13.45" r="1.41" />
        <circle cx="37" cy="60.55" r="1.41" />
        <circle cx="25.23" cy="16.61" r="1.41" />
        <circle cx="48.78" cy="57.4" r="1.41" />
        <circle cx="16.61" cy="25.23" r="1.41" />
        <circle cx="57.4" cy="48.78" r="1.41" />
        <circle cx="13.45" cy="37" r="1.41" />
        <circle cx="60.55" cy="37" r="1.41" />
        <circle cx="16.61" cy="48.78" r="1.41" />
        <circle cx="57.4" cy="25.23" r="1.41" />
        <circle cx="25.23" cy="57.4" r="1.41" />
        <circle cx="48.78" cy="16.61" r="1.41" />
    </g>
    <path
        d="M57.08 18.96c-4.78-4.3-11.1-6.91-18.03-6.91-14.93 0-27 12.07-27 27 0 6.91 2.6 13.22 6.88 18A26.866 26.866 0 0 1 10 37c0-14.92 12.08-27 27-27 7.98 0 15.15 3.46 20.08 8.96z"
        opacity=".05"
    />
</svg>