Overlaid circles patterns

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <defs>
    <pattern id="dbc-pattern-35c1ad0c-e80c-41bf-8718-3bc28ceb0035" width="100" height="100" patternUnits="userSpaceOnUse" patternTransform="scale(1)">
      <circle id="dbc-circle-35c1ad0c-e80c-41bf-8718-3bc28ceb0035" r="40" cy="50" cx="50" fill="none" stroke-width="2" stroke="currentColor"/>
      <use href="#dbc-circle-35c1ad0c-e80c-41bf-8718-3bc28ceb0035" x="-50" y="-50"/>
      <use href="#dbc-circle-35c1ad0c-e80c-41bf-8718-3bc28ceb0035" x="50" y="-50"/>
      <use href="#dbc-circle-35c1ad0c-e80c-41bf-8718-3bc28ceb0035" x="-50" y="50"/>
      <use href="#dbc-circle-35c1ad0c-e80c-41bf-8718-3bc28ceb0035" x="50" y="50"/>
    </pattern>
  </defs>
  <rect fill="url(#dbc-pattern-35c1ad0c-e80c-41bf-8718-3bc28ceb0035)" width="100%" height="100%"></rect>
</svg>