Examples/AnimateMotion.svg

<?xml version="1.0" encoding="utf-8"?>
<!-- Generated with PSSVG 0.2.10 <https://github.com/StartAutomating/PSSVG> -->
<svg viewBox="0 0 200 100" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
  <path d="M20,50 C20,-50 180,150 180,50 C180-50 20,150 20,50 z" fill="none" stroke="lightgrey" />
  <circle r="5" fill="red">
    <animateMotion dur="10s" repeatCount="indefinite" path="M20,50 C20,-50 180,150 180,50 C180-50 20,150 20,50 z" />
  </circle>
  <rect width="2" height="2" x="-1" y="-1" fill="blue">
    <animateMotion dur="10s" repeatCount="indefinite" path="M20,50 C20,-50 180,150 180,50 C180-50 20,150 20,50 z" />
    <animateTransform attributeName="transform" from="0 0 0" to="360 0 0" dur="5s" repeatCount="indefinite" attributeType="xml" type="rotate" />
  </rect>
</svg>