Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

SVG <line>


SVG Line - <line>

The <line> element is used to create a line:

Sorry, your browser does not support inline SVG.

Here is the SVG code:

Example

<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:

  • The x1 attribute defines the start of the line on the x-axis
  • The y1 attribute defines the start of the line on the y-axis
  • The x2 attribute defines the end of the line on the x-axis
  • The y2 attribute defines the end of the line on the y-axis