Grid Lines

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="12"
        x2="22"
        y1="8.25"
        y2="8.25"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#16b0e2" />
        <stop offset="1" stop-color="#6e5af0" />
    </linearGradient>
    <linearGradient id="b" x1="2" x2="12" y1="15.75" y2="15.75" href="#a" />
    <linearGradient
        id="c"
        x1="1.745"
        x2="12.27"
        y1="6.152"
        y2="5.758"
        gradientTransform="rotate(-2.12 7.081 5.834)"
        href="#a"
    />
    <linearGradient id="d" y1="18.25" y2="18.25" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M22 7.81v6.69H12V2h4.19C19.83 2 22 4.17 22 7.81z"
            opacity=".6"
        />
        <path fill="url(#b)" d="M12 9.5V22H7.81C4.17 22 2 19.83 2 16.19V9.5z" />
        <path
            fill="url(#c)"
            d="M11.999 2v7.5h-10V7.81c0-3.64 2.17-5.81 5.81-5.81z"
            opacity=".4"
        />
        <path
            fill="url(#d)"
            d="M22 14.5v1.69c0 3.64-2.17 5.81-5.81 5.81H12v-7.5z"
            opacity=".4"
        />
    </g>
</svg>