Commands are been given with path element, how to use them and understand?

Question

M, L, H etc comes with two coordinates which form shapes, how to recognize what to do to form shape and how numbers and coordinates are been used

Answer 1

All svg <path> commands fully explained here:

https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths