I am trying to create an SVG Button with a shape arrow, I am using path here my code, anyone suggest me to solve this problem

```html
<svg height="100" width="300">
  <a href="#"><path id="lineAB" d="M0 1 l 280 0 l50 50 l-50 50 l-280 0 z" stroke="gray" stroke-width="2" fill="red" /></a>
</svg>
```

Here my screenshot: [![enter image description here](https://i.stack.imgur.com/5patu.jpg)](https://i.stack.imgur.com/5patu.jpg)