JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.js"></script>
<p>Lorem ipsum <span id="test"></span> blah blah</p>
<p><a href="#" data-color="ff0000">red</a></p>
<p><a href="#" data-color="0000ff">blue</a></p>

JavaScript

$(function () {
    var draw = SVG('test').viewbox(0, 0, 100, 100).size(24, 24);
    var shape = draw.polygon('0,0 20,50 100,10 60,100 50,50 10,80');

    function colorizeShape(color) {
        shape.fill(color);
    }

    $('a[data-color]').click(function () {
        var color = $(this).data('color');
        colorizeShape('#' + color);
    });

    colorizeShape('#008800');
});