Stacked circles patterns

<svg id="dbc-svg-137d4031-d80e-40e3-9fd3-8fe4036a1191" class="dbc-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <defs>
    <pattern id="dbc-pattern-137d4031-d80e-40e3-9fd3-8fe4036a1191" patternUnits="userSpaceOnUse" width="100" height="100" y="0" x="0" patternTransform="rotate(0) skewX(0) scale(1)">
      <circle id="dbc-r-137d4031-d80e-40e3-9fd3-8fe4036a1191" r="100" cx="0" cy="0" fill="none" stroke="currentColor" stroke-width="1.5"/>
      <use href="#dbc-r-137d4031-d80e-40e3-9fd3-8fe4036a1191" x="100" y="0"/>
      <use href="#dbc-r-137d4031-d80e-40e3-9fd3-8fe4036a1191" x="0" y="100"/>
      <use href="#dbc-r-137d4031-d80e-40e3-9fd3-8fe4036a1191" x="100" y="100"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#dbc-pattern-137d4031-d80e-40e3-9fd3-8fe4036a1191)"/>
</svg>