Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <g fill="none">
        <circle cx="16" cy="16" r="2.625" />
        <path
            d="M16 22.8A6.8 6.8 0 1 0 9.2 16a6.807 6.807 0 0 0 6.8 6.8zm0-10.929A4.125 4.125 0 1 1 11.875 16 4.127 4.127 0 0 1 16 11.875z"
        />
        <path
            d="M4 4.2v19.6A4.2 4.2 0 0 0 8.2 28h19.6a4.148 4.148 0 0 0 .7-.078 3.417 3.417 0 0 0 .75-2.122V6.2a3.452 3.452 0 0 0-3.45-3.45H6.2a3.417 3.417 0 0 0-2.122.75A4.148 4.148 0 0 0 4 4.2zm3 11.05h.73a8.311 8.311 0 0 1 7.52-7.52V7a.75.75 0 0 1 1.5 0v.73a8.311 8.311 0 0 1 7.52 7.52H25a.75.75 0 0 1 0 1.5h-.73a8.311 8.311 0 0 1-7.52 7.52V25a.75.75 0 0 1-1.5 0v-.73a8.311 8.311 0 0 1-7.52-7.52H7a.75.75 0 0 1 0-1.5z"
        />
    </g>
    <path
        fill="#ddeaff"
        d="M8.2 28A4.2 4.2 0 0 1 4 23.8V4.2a4.148 4.148 0 0 1 .078-.7A3.431 3.431 0 0 0 2.75 6.2v19.6a3.452 3.452 0 0 0 3.45 3.45h19.6a3.431 3.431 0 0 0 2.7-1.328 4.148 4.148 0 0 1-.7.078z"
    />
    <path
        fill="#0097e6"
        d="M25.8 1.25H6.2A4.952 4.952 0 0 0 1.25 6.2v19.6a4.952 4.952 0 0 0 4.95 4.95h19.6a4.952 4.952 0 0 0 4.95-4.95V6.2a4.952 4.952 0 0 0-4.95-4.95zm0 1.5a3.452 3.452 0 0 1 3.45 3.45v19.6a3.489 3.489 0 0 1-3.45 3.45H6.2a3.452 3.452 0 0 1-3.45-3.45V6.2A3.489 3.489 0 0 1 6.2 2.75z"
    />
    <path
        fill="#487eb0"
        d="M7 16.75h.73a8.311 8.311 0 0 0 7.52 7.52V25a.75.75 0 0 0 1.5 0v-.73a8.311 8.311 0 0 0 7.52-7.52H25a.75.75 0 0 0 0-1.5h-.73a8.311 8.311 0 0 0-7.52-7.52V7a.75.75 0 0 0-1.5 0v.73a8.311 8.311 0 0 0-7.52 7.52H7a.75.75 0 0 0 0 1.5zm9-7.55A6.8 6.8 0 1 1 9.2 16 6.807 6.807 0 0 1 16 9.2z"
    />
    <path
        fill="#0097e6"
        d="M16 20.125A4.125 4.125 0 1 0 11.875 16 4.127 4.127 0 0 0 16 20.125zm0-6.75A2.625 2.625 0 1 1 13.375 16 2.626 2.626 0 0 1 16 13.375z"
    />
</svg>