Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g id="Layer_18">
        <path d="m48 48h416v416h-416z" fill="#c8cded" />
        <path
            d="m96 48a24 24 0 0 0 -24 24v368a24 24 0 0 0 24 24h368v-416z"
            fill="#e2e7f6"
        />
        <path
            d="m407.992 488h-359.992a24.027 24.027 0 0 1 -24-24v-416a24.027 24.027 0 0 1 24-24h24a8 8 0 0 0 0-16h-24a40.047 40.047 0 0 0 -40 40v416a40.047 40.047 0 0 0 40 40h359.992a8 8 0 0 0 0-16z"
            fill="#4c99f8"
        />
        <path
            d="m272 200c0 48.6-88 136-88 136s-88-87.4-88-136a88 88 0 0 1 176 0z"
            fill="#4c99f8"
        />
        <path
            d="m192 112.4a87.977 87.977 0 0 0 -80 87.6c0 39.567 58.316 104.838 80 127.741 21.684-22.9 80-88.174 80-127.741a87.977 87.977 0 0 0 -80-87.6z"
            fill="#64aaf8"
        />
        <path
            d="m464 8h-360a8 8 0 0 0 0 16h360a24.027 24.027 0 0 1 24 24v416a24.027 24.027 0 0 1 -24 24h-24a8 8 0 0 0 0 16h24a40.047 40.047 0 0 0 40-40v-416a40.047 40.047 0 0 0 -40-40z"
            fill="#4c99f8"
        />
        <path
            d="m424 312c0 35.346-64 88-64 88s-64-52.654-64-88a64 64 0 0 1 128 0z"
            fill="#f4b357"
        />
        <path
            d="m368 248.553a63.972 63.972 0 0 0 -56 63.447c0 27.589 38.885 65.613 56 81.022 17.115-15.409 56-53.433 56-81.022a63.972 63.972 0 0 0 -56-63.447z"
            fill="#f6c866"
        />
        <circle cx="360" cy="312" fill="#e2e7f6" r="32" />
        <ellipse cx="368" cy="312" fill="#fff" rx="24" ry="30.869" />
        <circle cx="184" cy="200" fill="#e2e7f6" r="56" />
        <g fill="#fff">
            <ellipse cx="196" cy="200" rx="44" ry="54.679" />
            <path
                d="m328 416h-192a24 24 0 0 1 0-48h32a8.008 8.008 0 0 0 8-8 8 8 0 0 1 16 0 24.027 24.027 0 0 1 -24 24h-32a8 8 0 0 0 0 16h192a8 8 0 0 1 0 16z"
            />
        </g>
    </g>
</svg>