Why polygone is not right? : I tried make element with help of `SVG`

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="28" viewBox="0 0 200 28">
    	<polygon fill='red' stroke='gray' points='0,0 0,170 28,200 0,28z' />
    </svg>

<!-- end snippet -->

I need such element, where is my mistake?

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/xYQn4.jpg