JSFiddle - React, Tailwind, and code Playground

by Nikolay Petrov

HTML

<svg xmlns="http://www.w3.org/2000/svg" height="200" width="300" version="1.1">
    <path d="M18,18 18,13 36,13 23,18Z" style="stroke:#006600; fill: #F0F8FF;stroke-width:0.5px;" vector-effect="non-scaling-stroke"></path>
</svg>

CSS

svg {
    background-color: #ccc;
}

JavaScript

var svg = document.getElementsByTagName("svg")[0];
var bbox = svg.getBBox();

svg.setAttribute("viewBox", (bbox.x-1)+" "+(bbox.y-1)+" "+(bbox.width+2)+" "+(bbox.height+2));