What is <mpath> in SVG and how it can be animated?

Question

Can anyone give its understanding?

Answer 1

The <mpath> sub-element for the <animateMotion> element provides the ability to reference an external <path> element as the definition of a motion path

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

View an example, to understand how to use animated object on path with mpath.
https://code.sololearn.com/WJZB96T401nK/?ref=app