<svg width="300px"
  height="300px"
  viewBox="0 0 300 300"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  version="1.1"
>
  <polyline
    points="5 20, 20 20, 25 10, 35 30, 45 10,
        55 30, 65 10, 75 30, 80 20, 95 20"
    style="stroke: black; stroke-width: 3; fill: none;"/>

  <!-- stroke-linejoin -->
  <polyline
    style="stroke-linejoin: miter;
      stroke: black; stroke-width: 12; fill: none;"
    points="10 130, 25 115, 40 130"/>

  <polyline
    style="stroke-linejoin: round;
      stroke: black; stroke-width: 12; fill: none;"
    points="60 130, 75 115, 90 130"/>

  <polyline
    style="stroke-linejoin: bevel;
      stroke: black; stroke-width: 12; fill: none;"
    points="110 130, 125 115, 140 130"/>
</svg>