Grid Lines

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="7.54"
        x2="24.46"
        y1="24.46"
        y2="7.54"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ea40ad" />
        <stop offset="1" stop-color="#9641ed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="3.104"
        x2="27.373"
        y1=".632"
        y2="29.554"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" stop-opacity=".8" />
        <stop offset=".3" stop-color="#fff" stop-opacity=".2" />
        <stop offset=".5" stop-opacity=".1" />
        <stop offset=".8" stop-color="#c040ce" stop-opacity=".1" />
        <stop offset="1" stop-color="#c140cb" stop-opacity=".4" />
    </linearGradient>
    <g>
        <path
            fill="url(#a)"
            d="M26 11.81v8.38c0 3.64-2.17 5.81-5.81 5.81h-6.44V6h6.44C23.83 6 26 8.17 26 11.81zm-20 0v8.38C6 23.83 8.17 26 11.81 26h.44V6h-.44C8.17 6 6 8.17 6 11.81z"
        />
        <path
            fill="url(#b)"
            d="M31 16A15 15 0 1 1 16 1a15.01 15.01 0 0 1 15 15z"
        />
    </g>
</svg>