Polka dots patterns

<svg id="dbc-svg-a93adcbb-6885-4f22-a440-3d09b17eeef7" class="dbc-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <defs>
    <pattern id="dbc-pattern-a93adcbb-6885-4f22-a440-3d09b17eeef7" width="50" height="50" x="0" y="0" patternTransform="rotate(0) skewX(0) scale(1)" patternUnits="userSpaceOnUse">
      <circle id="dbc-r-a93adcbb-6885-4f22-a440-3d09b17eeef7" cx="25" cy="25" r="5" fill="currentColor" stroke="none"/>
      <use x="25" y="25" href="#dbc-r-a93adcbb-6885-4f22-a440-3d09b17eeef7"/>
      <use x="25" y="-25" href="#dbc-r-a93adcbb-6885-4f22-a440-3d09b17eeef7"/>
      <use x="-25" y="25" href="#dbc-r-a93adcbb-6885-4f22-a440-3d09b17eeef7"/>
      <use x="-25" y="-25" href="#dbc-r-a93adcbb-6885-4f22-a440-3d09b17eeef7"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#dbc-pattern-a93adcbb-6885-4f22-a440-3d09b17eeef7)"/>
</svg>