Polka dots grid patterns

<svg id="dbc-svg-520babde-d34c-428e-bd6b-fa52c80f1c70" class="dbc-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <defs>
    <pattern id="dbc-pattern-520babde-d34c-428e-bd6b-fa52c80f1c70" width="50" height="50" x="0" y="0" patternTransform="rotate(0) skewX(0) scale(1)" patternUnits="userSpaceOnUse">
      <path fill="none" stroke="currentColor" stroke-width="1.5" d="M0 0h50v50H0z"/>
      <circle id="dbc-r-520babde-d34c-428e-bd6b-fa52c80f1c70" cx="25" cy="25" r="5" fill="currentColor" stroke="none"/>
      <use x="25" y="25" href="#dbc-r-520babde-d34c-428e-bd6b-fa52c80f1c70"/>
      <use x="-25" y="-25" href="#dbc-r-520babde-d34c-428e-bd6b-fa52c80f1c70"/>
      <use x="-25" y="25" href="#dbc-r-520babde-d34c-428e-bd6b-fa52c80f1c70"/>
      <use x="25" y="-25" href="#dbc-r-520babde-d34c-428e-bd6b-fa52c80f1c70"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#dbc-pattern-520babde-d34c-428e-bd6b-fa52c80f1c70)"/>
</svg>