Rotate
Rotate
<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200" viewBox="0 0 200 200">
<g stroke="red" fill="none">
<circle cx="90" cy="100" r="40"/>
<circle cx="110" cy="100" r="40"/>
<circle cx="100" cy="90" r="40"/>
<circle cx="100" cy="110" r="40"/>
<animateTransform attributeName="transform"
type="rotate"
from="360 100 100"
to="0 100 100"
dur="5s"
begin="0s"
repeatCount="indefinite"/>
</g>
</svg>
Rotate
<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200" viewBox="0 0 200 200">
<g stroke="red" fill="none" stroke-dasharray="10 5">
<circle cx="90" cy="100" r="40"/>
<circle cx="110" cy="100" r="40"/>
<circle cx="100" cy="90" r="40"/>
<circle cx="100" cy="110" r="40"/>
<circle cx="100" cy="100" r="5" fill="red" stroke="none"/>
<animateTransform attributeName="transform"
type="rotate"
from="360 100 100"
to="0 100 100"
dur="5s"
begin="0s"
repeatCount="indefinite"/>
</g>
</svg>