JSFiddle - React, Tailwind, and code Playground

by longsonr

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs></defs>
    <circle cx="50" cy="50" r="25" />
</svg>
<script>
    var svg = document.getElementsByTagName("svg")[0];
    var defs = svg.getElementsByTagName('defs')[0];
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
    var node = document.createTextNode('circle { fill: red; }');

    defs.appendChild(style);
    style.appendChild(node);
</script>