Grid Lines

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="2"
        x2="8.51"
        y1="5.25"
        y2="5.25"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#16b0e2" />
        <stop offset="1" stop-color="#6e5af0" />
    </linearGradient>
    <linearGradient id="b" x1="15.51" x2="22" href="#a" />
    <linearGradient id="c" x1="15.51" x2="22" y1="18.75" y2="18.75" href="#a" />
    <linearGradient id="d" x2="8.51" y1="18.75" y2="18.75" href="#a" />
    <linearGradient id="e" x2="8.51" y1="12" y2="12" href="#a" />
    <linearGradient id="f" x1="15.51" x2="22" y1="12" y2="12" href="#a" />
    <linearGradient id="g" x1="8.51" x2="15.51" y1="12" y2="12" href="#a" />
    <linearGradient id="h" x1="8.51" x2="15.51" href="#a" />
    <linearGradient
        id="i"
        x1="8.51"
        x2="15.51"
        y1="18.75"
        y2="18.75"
        href="#a"
    />
    <g>
        <path fill="url(#a)" d="M8.51 2v6.5H2v-.69C2 4.17 4.17 2 7.81 2z" />
        <path
            fill="url(#b)"
            d="M22 7.81v.69h-6.49V2h.68C19.83 2 22 4.17 22 7.81z"
        />
        <path
            fill="url(#c)"
            d="M22 15.5v.69c0 3.64-2.17 5.81-5.81 5.81h-.68v-6.5z"
        />
        <path
            fill="url(#d)"
            d="M8.51 15.5V22h-.7C4.17 22 2 19.83 2 16.19v-.69z"
        />
        <path fill="url(#e)" d="M8.51 8.5v7H2v-7z" opacity=".4" />
        <path fill="url(#f)" d="M22 8.5v7h-6.49v-7z" opacity=".4" />
        <path fill="url(#g)" d="M15.51 8.5v7h-7v-7z" />
        <path fill="url(#h)" d="M15.51 2v6.5h-7V2z" opacity=".4" />
        <path fill="url(#i)" d="M15.51 15.5V22h-7v-6.5z" opacity=".4" />
    </g>
</svg>