How do you apply an even CSS stroke to an SVG path?

Question

I have an SVG:

path{
fill: transparent;
stroke: #35a4e8;
stroke-width: 4px;
}

<svg viewBox="0 0 118 118" xmlns="http://www.w3.org/2000/svg">
  <path d="m0 117.999999.087436-99.4506004 49.406364-18.13336901 68.5062-.41602959v117.999999z" />
</svg>

But the stroke is uneven. The top left corner looks a lot thicker than the other sides.

Why is this happening? Is there a way I can get an even 4px stroke on all sides?