Grid Lines

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="15.75"
        x2="22"
        y1="7"
        y2="7"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#16b0e2" />
        <stop offset="1" stop-color="#6e5af0" />
    </linearGradient>
    <linearGradient id="b" y1="17" y2="17" href="#a" />
    <linearGradient id="c" x1="2" x2="8.25" y1="17" y2="17" href="#a" />
    <linearGradient id="d" x1="2" x2="8.25" href="#a" />
    <linearGradient id="e" x1="8.25" x2="15.75" href="#a" />
    <linearGradient id="f" x1="8.25" x2="15.75" y1="17" y2="17" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M22 7.81V12h-6.25V2h.44C19.83 2 22 4.17 22 7.81z"
            opacity=".4"
        />
        <path
            fill="url(#b)"
            d="M22 12v4.19c0 3.64-2.17 5.81-5.81 5.81h-.44V12z"
        />
        <path fill="url(#c)" d="M8.25 12v10h-.44C4.17 22 2 19.83 2 16.19V12z" />
        <path
            fill="url(#d)"
            d="M8.25 2v10H2V7.81C2 4.17 4.17 2 7.81 2z"
            opacity=".4"
        />
        <path fill="url(#e)" d="M15.75 2v10h-7.5V2z" />
        <path fill="url(#f)" d="M15.75 12v10h-7.5V12z" opacity=".4" />
    </g>
</svg>