JSFiddle - React, Tailwind, and code Playground

HTML

<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 () {
    function colorizeShape(color) {
        $('#test').html('<svg width="18" height="18" viewbox="0 0 230 222"  xmlns="http://www.w3.org/2000/svg"><path fill="#' + color + '" d="m0,121l40,-90l60,89l61,-120l69,70l-129,152l-101,-101z"/></svg>')
    }

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

    colorizeShape('00ff00');
});