SVG 'polygon' element

The SVG <polygon> element is used to draw several connected straight lines. The <polygon> element has only one attribute - points - it defines points that make up a polyline. x and y coordinates of points ate separated with commas.

The <polygon> element has a slight difference from the <polyline> element - it draws lines between all points, including a line from the last point back to the first.

Here is a simple example:

<polygon points="50,135 100,10 150,135 25,60 175,60" fill="#9d1d20" stroke="black" stroke-width="2"/>