Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0h-456.732c-15.262 0-27.635 12.373-27.635 27.634v455.989c0 15.262 12.373 27.634 27.635 27.634H0c15.262 0 27.634-12.372 27.634-27.634V27.634C27.634 12.373 15.262 0 0 0"
            transform="translate(484.366 .743)"
            fill="#00df76"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-224.714c-15.848 0-28.695-12.834-28.695-28.667v-453.922c0-15.833 12.847-28.668 28.695-28.668H0z"
            transform="translate(253.408 512)"
            fill="#b2ea3f"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v-98.049h-149.052V413.209H0v-52.278l183.726-22.494V202.071L0 182.576V54.74Z"
            transform="translate(328.274 98.79)"
            fill="#475a61"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-75.47v-511.258H0v280.624l183.726 19.496v136.366L0-52.278Z"
            transform="translate(328.274 512)"
            fill="#2d2d2d"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-30.297c-8.796 0-15.926 7.124-15.926 15.911 0 8.787 7.13 15.911 15.926 15.911H0c8.796 0 15.927-7.124 15.927-15.911C15.927 7.124 8.796 0 0 0"
            transform="translate(470.884 353.568)"
            fill="#fff5f5"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-30.295c-8.796 0-15.927 7.124-15.927 15.911 0 8.787 7.131 15.911 15.927 15.911H0c8.796 0 15.927-7.124 15.927-15.911C15.927 7.124 8.796 0 0 0"
            transform="translate(374.391 353.568)"
            fill="#fff5f5"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M147.186 512h32.479V.733h-32.479z"
            fill="#697c86"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-142.485a8.831 8.831 0 0 0-8.831 8.831v33.634h-32.48v-64.039c0-6.013 4.875-10.887 10.888-10.887h21.592v.014H0z"
            transform="translate(512 469.535)"
            fill="#475a61"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-173.727c-6.019 0-10.899-4.879-10.899-10.898v-21.549h.001v-268.088h32.479v259.257a8.832 8.832 0 0 0 8.832 8.831H0z"
            transform="translate(512 301.048)"
            fill="#475a61"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-112.667-275.075c-2.75-6.714 4.719-13.015 10.884-9.181L2.958-219.125a7.493 7.493 0 0 0 7.883.019l106.015-65.259c6.18-3.804 13.619 2.522 10.846 9.223L13.847.025C11.292 6.199 2.533 6.183 0 0"
            transform="translate(245.435 348.663)"
            fill="#7fb9ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-1.209 2.921-3.808 4.439-6.478 4.591v-222.642a7.47 7.47 0 0 0 3.472-1.08L103.01-284.39c6.179-3.804 13.618 2.522 10.845 9.223z"
            transform="translate(259.282 348.688)"
            fill="#0080ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
</svg>