<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" viewBox="-100 -100 500 500">
<defs id="DEF">
<linearGradient id="rhue">
<stop offset="0" id="ro0" stop-color="red"/>
<stop offset=".25" id="ro1" stop-color="blue"/>
<stop offset=".75" id="ro2" stop-color="yellow"/>
<stop offset="1" id="ro3" stop-color="green"/>
</linearGradient>
</defs>
<ellipse cx="145" cy="125" rx="40" ry="40">
<animate attributeName="fill" dur="5s" values="#ff8; #f88; #f8f; #88f; #8ff; #8f8" repeatCount="indefinite"/>
</ellipse>
<g id="penta">
<g id="R1" transform="translate(100 125)">
<ellipse cx="0" cy="0" rx="100" ry="30" opacity=".4" fill="url(#rhue)">
<animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite"/>
<animate attributeName="cx" dur="8s" values="-20; 120; -20" repeatCount="indefinite"/>
<animate attributeName="ry" dur="3s" values="10; 60; 10" repeatCount="indefinite"/>
</ellipse>
</g>
<use href="#R1" transform="rotate(30 150 125)"/>
<use href="#R1" transform="rotate(60 150 125)"/>
<use href="#R1" transform="rotate(90 150 125)"/>
<use href="#R1" transform="rotate(120 150 125)"/>
</g>
<use href="#penta" transform="rotate(72 145 125)"/>
<use href="#penta" transform="rotate(144 145 125)"/>
<use href="#penta" transform="rotate(216 145 125)"/>
<use href="#penta" transform="rotate(288 145 125)"/>
SVG not supported.
</svg>