SVG <line>

SVG Line - <line>

<line> Element used to create a line:

This is the SVG code:

<svg height="210" width="500">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

Try it yourself

Code Explanation:

• Attribute definition for the starting point of the line on the x-axis
• The y1 attribute defines the starting point of the line on the y-axis
• The x2 attribute defines the end point of the line on the x-axis
• The y2 attribute defines the end point of the line on the y-axis