SVG Polyline

The SVG Polyline the <polyline> element wrapped inside the <SVG> element is used to create a polyline. Its simplicity lies in defining points through coordinates, forming a connected series of straight-line segments. This lightweight and scalable feature enhances visual aesthetics on websites without revealing their underlying complexity. The stroke width defines the thickness and fill having a value of none.

Example 1: In this example, we will create a polyline with a stroke of green.

Output:

Example 2: In this example, we create a polyline with stroke blue and stroke-width.

Output: