Grid Lines

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="9"
        x2="22"
        y1="7"
        y2="7"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#16b0e2" />
        <stop offset="1" stop-color="#6e5af0" />
    </linearGradient>
    <linearGradient id="b" x1="2" x2="9" y1="12" y2="12" href="#a" />
    <linearGradient id="c" y1="17" y2="17" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M22 7.81V12H9V2h7.19C19.83 2 22 4.17 22 7.81z"
            opacity=".6"
        />
        <path
            fill="url(#b)"
            d="M9 2v20H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2z"
        />
        <path
            fill="url(#c)"
            d="M22 12v4.19c0 3.64-2.17 5.81-5.81 5.81H9V12z"
            opacity=".4"
        />
    </g>
</svg>