Your Search Results


    The polyline element is an SVG basic shape, used to create a series of straight lines connecting several points. Typically a polyline is used to create open shapes

    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 »
    Normative document SVG 1.1 (2nd Edition)


    Source code Output result
    <?xml version="1.0"?>
    <svg width="120" height="120" 
         viewPort="0 0 120 120" version="1.1"
        <polyline fill="none" stroke="black" 
                  points="20,100 40,60 70,80 100,20"/>

    » polyline.svg


    Global attributes

    Specific attributes

    DOM Interface

    This element implements the SVGPolylineElement interface.

    Browser compatibility

    Feature Chrome Firefox (Gecko) IE Opera Safari
    Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support 3.0 1.0 (1.8) Not supported (Yes) 3.0.4

    The chart is based on these sources.

    See also

    Document Tags and Contributors

    Contributors to this page: trevorh, Jeremie, Manuel_Strehl, Wjjohnst, kscarfone
    Last updated by: kscarfone,