JSFiddle - React, Tailwind, and code Playground
HTML
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="440">
<!-- BACKGROUND -->
<filter id="n" x="0" y="0">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch" />
</filter>
<rect width="640" height="440" fill="#000" />
<rect width="640" height="440" filter="url(#n)" opacity="0.3" />
<defs>
<filter id="glow">
<feGaussianBlur stdDeviation="5" result="coloredBlur" />
<feMerge>
<feMergeNode in="coloredBlur" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<!-- a transparent grey glow with no offset -->
<filter id="black-glow">
<feColorMatrix type="matrix" values=
"0 0 0 0 0
0 0 0 0 0
0 0 0 0 0
0 0 0 1 0" />
<feGaussianBlur stdDeviation="3" result="coloredBlur" />
<feMerge>
<feMergeNode in="coloredBlur" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<!-- NETTING -->
<!-- HORIZONTAL -->
<g style="stroke:#3f3f3f;stroke-width:1">
<line x1="50" y1="250" x2="350" y2="250" />
<line x1="50" y1="280" x2="350" y2="280" />
<line x1="50" y1="310" x2="350" y2="310" />
<!-- VERTICAL -->
<line x1="50" y1="220" x2="50" y2="350" />
<line x1="70" y1="220" x2="70" y2="350" />
<line x1="90" y1="220" x2="90" y2="350" />
<line x1="110" y1="220" x2="110" y2="350" />
<line x1="130" y1="220" x2="130" y2="350" />
<line x1="150" y1="220" x2="150" y2="350" />
<line x1="170" y1="220" x2="170" y2="350" />
<line x1="190" y1="220" x2="190" y2="350" />
<line x1="210" y1="220" x2="210" y2="350" />
<line x1="230" y1="220" x2="230" y2="350" />
<line x1="250" y1="220" x2="250" y2="350" />
<line x1="270" y1="220" x2="270" y2="350" />
<line x1="290" y1="220" x2="290" y2="350" />
<line x1="310" y1="220" x2="310" y2="350" />
...