How to place arrow head triangles on SVG lines?

Question

I am new to SVG and I am trying to draw a straight line between two points. I managed so far by using this command:

Answer 1

Just want to add some helpful links and examples:

1. The arrow can be quadratic

2. Cubic curve

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

Demo: both kinds of arrows implemented here: