Svg Morph Animator

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
  <path fill="#6366f1">
    <animate 
      attributeName="d" 
      dur="2s" 
      repeatCount="indefinite" 
      values="M 50,10 C 72,10 90,28 90,50 C 90,72 72,90 50,90 C 28,90 10,72 10,50 C 10,28 28,10 50,10 Z; M 50,10 C 65,40 65,40 95,40 C 70,60 70,60 80,90 C 50,70 50,70 20,90 C 30,60 30,60 5,40 C 35,40 35,40 50,10 Z; M 50,10 C 72,10 90,28 90,50 C 90,72 72,90 50,90 C 28,90 10,72 10,50 C 10,28 28,10 50,10 Z" 
      keyTimes="0; 0.5; 1"
      calcMode="spline"
      keySplines="0.4 0 0.2 1; 0.4 0 0.2 1"
    />
  </path>
</svg>