<polygon>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

See full compatibility

The <polygon> SVG element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point.

For open shapes, see the <polyline> element.

Usage context

Categories	Basic shape element, Graphics element, Shape element
Permitted content	Any number of the following elements, in any order: Animation elements Descriptive elements

Attributes

points: This attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon. Value type: <number>+; Default value: ""; Animatable: yes
pathLength: This attribute lets specify the total length for the path, in user units. Value type: <number>; Default value: none; Animatable: yes

DOM Interface

This element implements the SVGPolygonElement interface.

Example

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Example of a polygon with the default fill -->
  <polygon points="0,100 50,25 50,75 100,0" />

  <!-- Example of the same polygon shape with stroke and no fill -->
  <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
</svg>

Specifications

Specification
Scalable Vector Graphics (SVG) 2 # PolygonElement

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`polygon`	Chrome – Full support Chrome 1 (Release date: 2008-12-11) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 1.5 (Release date: 2005-11-29) footnote Full support	Opera – Full support Opera 8 (Release date: 2005-04-19) footnote Full support	Safari – Full support Safari 3 (Release date: 2007-10-26) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 3 (Release date: 2009-06-17) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 3 (Release date: 2011-02-22) footnote Full support	WebView on iOS – Full support WebView on iOS 3 (Release date: 2009-06-17) footnote Full support
`fill`	Chrome – Full support Chrome 1 (Release date: 2008-12-11) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 1.5 (Release date: 2005-11-29) footnote Full support	Opera – Full support Opera 15 (Release date: 2013-07-02) footnote Full support	Safari – Full support Safari 3 (Release date: 2007-10-26) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 3 (Release date: 2009-06-17) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 4.4 (Release date: 2013-12-09) footnote Full support	WebView on iOS – Full support WebView on iOS 3 (Release date: 2009-06-17) footnote Full support
`context-fill` value	Chrome – Full support Chrome 124 (Release date: 2024-04-16) footnote Full support	Edge – Full support Edge 124 (Release date: 2024-04-18) footnote Full support	Firefox – Full support Firefox 111 (Release date: 2023-03-14) footnote Full support	Opera – Full support Opera 110 (Release date: 2024-05-14) footnote Full support	Safari – No support Safari footnote No support	Chrome Android – Full support Chrome Android 124 (Release date: 2024-04-16) footnote Full support	Firefox for Android – Full support Firefox for Android 111 (Release date: 2023-03-14) footnote Full support	Opera Android – Full support Opera Android 82 (Release date: 2024-05-02) footnote Full support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – Full support Samsung Internet 27 (Release date: 2024-11-06) footnote Full support	WebView Android – Full support WebView Android 124 (Release date: 2024-04-16) footnote Full support	WebView on iOS – No support WebView on iOS footnote No support
`points`	Chrome – Full support Chrome 1 (Release date: 2008-12-11) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 1.5 (Release date: 2005-11-29) footnote Full support	Opera – Full support Opera 8 (Release date: 2005-04-19) footnote Full support	Safari – Full support Safari 3 (Release date: 2007-10-26) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 3 (Release date: 2009-06-17) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 3 (Release date: 2011-02-22) footnote Full support	WebView on iOS – Full support WebView on iOS 3 (Release date: 2009-06-17) footnote Full support
`systemLanguage`	Chrome – Full support Chrome 1 (Release date: 2008-12-11) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 12 (Release date: 2012-04-24) footnote Full support	Opera – Full support Opera 8 (Release date: 2005-04-19) footnote Full support	Safari – Full support Safari 3 (Release date: 2007-10-26) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 14 (Release date: 2012-06-26) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 3 (Release date: 2009-06-17) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 3 (Release date: 2011-02-22) footnote Full support	WebView on iOS – Full support WebView on iOS 3 (Release date: 2009-06-17) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support