<svg width="250" height="250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="democlic">
<rect fill="royalblue" height="250" width="250" x="0" y="0"/>
<g>
<image xlink:href="http://www.elemathique.com/illustrations/100px-asterisk.svg.png" width="100" height="100" x="0" y="0" stroke="black" stroke-width="1" fill="olive">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" from="0 50 50" to="360 50 50" begin="1s" dur="2s" fill="freeze" repeatCount="indefinite"/>
</image>
<animateMotion path="m0,0l150,0l0,150l-150,0l-0,-150z" begin="democlic.mousedown" dur="10s"/>
</g>
</g>
</svg>
