Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g>
        <rect width="480" height="480" x="16" y="16" fill="#4c99f8" rx="32" />
        <rect width="464" height="480" x="32" y="16" fill="#64aaf8" rx="32" />
        <path fill="#c8cded" d="M48 48h416v416H48z" />
        <path
            fill="#e2e7f6"
            d="M96 48a24 24 0 0 0-24 24v368a24 24 0 0 0 24 24h368V48z"
        />
        <path
            fill="#4c99f8"
            d="M272 200c0 48.6-88 136-88 136s-88-87.4-88-136a88 88 0 0 1 176 0z"
        />
        <path
            fill="#64aaf8"
            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"
        />
        <path
            fill="#f4b357"
            d="M424 312c0 35.346-64 88-64 88s-64-52.654-64-88a64 64 0 0 1 128 0z"
        />
        <path
            fill="#f6c866"
            d="M368 248.553A63.972 63.972 0 0 0 312 312c0 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"
        />
        <circle cx="360" cy="312" r="32" fill="#e2e7f6" />
        <ellipse cx="368" cy="312" fill="#fff" rx="24" ry="30.869" />
        <circle cx="184" cy="200" r="56" fill="#e2e7f6" />
        <ellipse cx="196" cy="200" fill="#fff" rx="44" ry="54.679" />
        <path
            d="M407.992 488H48a24.027 24.027 0 0 1-24-24V48a24.027 24.027 0 0 1 24-24h24a8 8 0 0 0 0-16H48A40.047 40.047 0 0 0 8 48v416a40.047 40.047 0 0 0 40 40h359.992a8 8 0 0 0 0-16zM464 8H104a8 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-40V48a40.047 40.047 0 0 0-40-40z"
        />
        <path
            d="M40 48v416a8 8 0 0 0 8 8h416a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8zm16 8h400v400H56z"
        />
        <path
            d="M184 344a7.981 7.981 0 0 0 5.641-2.324C193.328 338.012 280 251.34 280 200a96.012 96.012 0 0 0-188.383-26.176 8 8 0 1 0 15.391 4.352A80.015 80.015 0 0 1 264 200c0 34.449-53.281 96.859-79.969 124.563-17.906-18.731-72.867-78.863-79.431-117.891a8 8 0 0 0-15.782 2.656c8.664 51.524 86.242 129.07 89.539 132.348A7.981 7.981 0 0 0 184 344zM360 240a72.081 72.081 0 0 0-72 72c0 38.027 60.07 88.543 66.914 94.18a8.016 8.016 0 0 0 10.172 0C371.93 400.543 432 350.027 432 312a72.081 72.081 0 0 0-72-72zm0 149.5c-19.344-16.945-56-53.918-56-77.5a56 56 0 0 1 112 0c0 23.578-36.656 60.551-56 77.5z"
        />
        <path
            d="M360 272a40 40 0 1 0 40 40 40.047 40.047 0 0 0-40-40zm0 64a24 24 0 1 1 24-24 24.027 24.027 0 0 1-24 24zM248 200a64 64 0 1 0-64 64 64.073 64.073 0 0 0 64-64zm-112 0a48 48 0 1 1 48 48 48.052 48.052 0 0 1-48-48zM328 400H136a8 8 0 0 1 0-16h32a24.027 24.027 0 0 0 24-24 8 8 0 0 0-16 0 8.008 8.008 0 0 1-8 8h-32a24 24 0 0 0 0 48h192a8 8 0 0 0 0-16z"
        />
    </g>
</svg>