JSFiddle - React, Tailwind, and code Playground

HTML

<svg class="content" width="400px" height="400px">
    <rect width="120" height="40" class='err'></rect>
    <rect width="120" height="80" transform='translate(200, 200)'></rect>
</svg>

CSS

svg {
        fill:red;
        border:solid 1px black;
    }
    rect {
        fill:blue;
        stroke: red;
        stroke-width:4;
    }
    rect.err {
        stroke-linejoin:round;       
        stroke-linecap:round;
        stroke-width:2;
    }