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="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <mask id="a">
        <rect width="100%" height="100%" fill="#fff" />
        <path
            d="M112 0h288v512H112Z"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
            fill="#fff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h30"
            transform="matrix(1.33333 0 0 -1.33333 321.333 598.333)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-67.299-148.058 4.094-3.914 65.936 33.613 65.937-33.613 4.094 3.914L5.463 0Z"
            transform="matrix(1.33333 0 0 -1.33333 337.691 243.694)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h65.073c18.11 0 33.829-12.485 37.928-30.125 4.099-17.64 19.818-30.125 37.928-30.125h28.425c18.096 0 33.806 12.466 37.919 30.088l.018.074C211.404-12.466 227.114 0 245.21 0h61.469"
            transform="matrix(1.33333 0 0 -1.33333 134.499 20)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </mask>
    <g mask="url(#a)">
        <path
            d="M112 0h288v512H112Z"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
            fill="#000"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h30"
            transform="matrix(1.33333 0 0 -1.33333 321.333 598.333)"
            fill="none"
            stroke="#fff"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <g
            clip-path="url(#b)"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        >
            <path
                d="m0 0-67.299-148.058 4.094-3.914 65.936 33.613 65.937-33.613 4.094 3.914L5.463 0Z"
                transform="translate(253.269 329.23)"
                fill="none"
                stroke="#fff"
                stroke-width="30"
                stroke-linecap="butt"
                stroke-linejoin="miter"
                stroke-miterlimit="10"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
            <path
                d="M0 0h65.073c18.11 0 33.829-12.485 37.928-30.125 4.099-17.64 19.818-30.125 37.928-30.125h28.425c18.096 0 33.806 12.466 37.919 30.088l.018.074C211.404-12.466 227.114 0 245.21 0h61.469"
                transform="translate(100.874 497)"
                fill="none"
                stroke="#fff"
                stroke-width="30"
                stroke-linecap="butt"
                stroke-linejoin="miter"
                stroke-miterlimit="10"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
        </g>
    </g>
</svg>