Can <animate> move in more than one direction or have more than one to and from points?

Answer 1

Use <animateMotion> instead.

A full description in:

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotion

Answer 2

Yes. You can use 2 <animate> tags to move in more than one direction.