<svg class="atomic-logo" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <circle cx="100" cy="100" r="14" fill="currentColor"/>
    <g transform="rotate(0 100 100)">
        <ellipse cx="100" cy="100" rx="75" ry="28" fill="none" stroke="currentColor" stroke-width="4"/>
        <circle r="9" fill="currentColor">
            <animateMotion dur="2.4s" repeatCount="indefinite" path="M 25 100 A 75 28 0 1 0 175 100 A 75 28 0 1 0 25 100"/>
        </circle>
    </g>
    <g transform="rotate(60 100 100)">
        <ellipse cx="100" cy="100" rx="75" ry="28" fill="none" stroke="currentColor" stroke-width="4"/>
        <circle r="9" fill="currentColor">
            <animateMotion dur="2.8s" repeatCount="indefinite" begin="0.35s" path="M 25 100 A 75 28 0 1 0 175 100 A 75 28 0 1 0 25 100"/>
        </circle>
    </g>
    <g transform="rotate(120 100 100)">
        <ellipse cx="100" cy="100" rx="75" ry="28" fill="none" stroke="currentColor" stroke-width="4"/>
        <circle r="9" fill="currentColor">
            <animateMotion dur="3.1s" repeatCount="indefinite" begin="0.7s" path="M 25 100 A 75 28 0 1 0 175 100 A 75 28 0 1 0 25 100"/>
        </circle>
    </g>
</svg>
