Hard to follow these threads!
Here's a dynamic mashup of 5 and 6...
<svg xmlns="
w3.org/2000/svg" viewBox="0 0 1024 1024" style="background: black">
<rect x="0" y="0" width="1024" height="1024" fill="black" />
<defs>
<pattern id="circlePattern" width="256" height="256" patternUnits="userSpaceOnUse">
<circle cx="128" cy="128" r="128" stroke="white" stroke-width="10" fill="none" />
<circle cx="128" cy="128" r="128" fill="rgba(255,255,255,.15)" stroke="none" transform="translate(128, 128)"/>
<circle cx="128" cy="128" r="128" fill="rgba(255,255,255,.25)" stroke="none" transform="translate(-128, -128)"/>
<circle cx="128" cy="128" r="128" fill="rgba(255,255,255,.35)" stroke="none" transform="translate(-128, 128)"/>
<circle cx="128" cy="128" r="128" fill="rgba(255,255,255,.45)" stroke="none" transform="translate(128, -128)"/>
</pattern>
<pattern id="zigzag-cyan" patternUnits="userSpaceOnUse" width="16" height="16">
<path d="M 0 8 L 8 0 L 16 8 L 24 0" stroke="
#00FFFF" stroke-width="3" fill="none">
<animate attributeName="stroke" values="
#00FFFF;
#FF0000;
#00FFFF" dur="4s" repeatCount="indefinite" />
</path>
</pattern>
</defs>
<rect x="0" y="0" width="1024" height="1024" fill="url(
#circlePattern)" />
<g id="square">
<rect x="256" y="256" width="128" height="128" stroke-width="10" stroke="none" fill="black" shape-rendering="crispEdges"/>
</g>
<g id="quarter-circle">
<path d="M 384 512 A 128 128 0 0 0 512 384 L 384 384 Z" stroke-width="10" stroke="none" fill="black" shape-rendering="crispEdges"/>
</g>
<circle cx="640" cy="384" stroke-width="10" stroke="none" fill="black" r="128"/>
<use href="
#quarter-circle" transform="rotate(-90 384 384)"/>
<use href="
#quarter-circle" transform="translate(384 0) scale(-1,1) translate(-384 0)"/>
<!-- Custom Opepen Shape on the Left -->
<path d="M 384 256 L 256 256 L 256 384 A 128 128 0 0 0 384 512 A 128 128 0 0 0 512 384 A 128 128 0 0 0 384 256 Z" stroke="white" stroke-width="10px" fill="url(
#zigzag-cyan)" shape-rendering="crispEdges"></path>
<!-- Circle on the Right -->
<circle cx="640" cy="384" r="128" fill="
#FF0000" stroke="white" stroke-width="10px">
<animate attributeName="fill" values="
#FF0000;
#00FFFF;
#FF0000" dur="12s" repeatCount="indefinite" />
</circle>
</svg>