JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<div id="check">
</div>

<hr /> 

<svg id="mySVG" style="transform: none; backface-visibility: hidden; transform-origin: 50% 50% 0px; cursor: move;" width="200" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500">
 <g>
 <path d="M468.5,171.3c-21.3-32-49.1-48-83.4-48c-32.4,0-48.5,8-48.5,24c0,12.2,5.9,18.3,17.7,18.3c3.4,0,8.5-1,15.1-3.2 c6.7-2.1,11.9-3.1,15.7-3.1c23.6,0,42.6,12.6,57.1,37.7c12.2,20.9,18.3,44.3,18.3,70.2c0,37.3-12.7,69.4-38,96.2 c-25.3,26.9-56.6,40.3-93.9,40.3l-2.9,0.1c3-8.7,5.9-18.4,8.6-27.7c2.7-9.3,4-18,4-26c0-25.9-3.5-55.2-16.4-88 c-14.8-36.2-53.4-77.6-113.2-82.8c-24.8-2.7-37.1-4.4-40.5-14.3c-6.5-17.9-22.6-32.6-37.3-35.7c-2-0.7-18.8-1.3-17.1-24.3 c2.9-39.9-6.1-57.8-6.1-57.8S81.2,84.1,56.9,84.1c-4,0-8.1-0.8-12.2-2.1C23.8,75.5,3,55.3,3,55.3c0,7.2,3.6,24.2,10.9,50.8 c-5.3,12.2-8,21.9-8,29.1c0,9.9,6.3,23,18.8,39.1c12.6,16.2,21.9,27.7,15.4,60.8c-3,15.3,6.7,28.2,20,43.4 c11.4,12.2,22.7,24.2,33.7,36c4.2,5.7,6.3,15.6,6.3,29.7c0,5.3-0.8,15.4-2.3,30.3c-1.9,16.4-3.6,25.5-5.1,27.4 c-4.2,2.3-8.6,4.8-13.1,7.4c-6.9,4.2-10.3,9.1-10.3,14.8c0,6.5,6.5,9.7,19.4,9.7c17.1,0,28.6-3.6,34.3-10.9 c4.6-4.9,8.6-16.4,12-34.3c2.7,33.1,16.2,64,98.2,64c8.8,0,22.5-0.1,39.2-4.5c16.8-4.4,28.6-8.4,37.3-8.1H320 c50.3,1.5,92.3-14.5,126.2-48C480,358.8,497,317.1,497,267.2C497,231,487.5,199,468.5,171.3z M40.4,150.2c0,0,2.6-2.3,8-0.2 c-1.3,2.4-2.5,3.8-4,3.9C42.3,153.9,40.4,150.2,40.4,150.2z M65.9,141.4c-3.8,0-8.5-1.1-12.7-3.8c2-7.3,9.1-10.8,9.1-10.8l4.6,11.4 l0.6-12c5.8-0.1,11.3,4.2,11.3,4.2S74.7,141.4,65.9,141.4z M15.8,130.3c0,0,5.5-4.3,11.3-4.2l0.6,12l4.6-11.4c0,0,7.1,3.6,9.1,10.8 c-4.2,2.7-8.8,3.8-12.7,3.8C20,141.4,15.8,130.3,15.8,130.3z">
</path>
 </g>
 </svg>

<script type="text/javascript">



/*...

CSS

/* http://keith-wood.name/svg.html
   SVG for jQuery v1.5.0.
   Written by Keith Wood (kbwood{at}iinet.com.au) August 2007.*/
svg\:svg {
	display: none;
}
.svg_error {
	color: red;
	font-weight: bold;
}

JavaScript

$( document ).ready(function() 
{

 /*
    // check if everything (js files etc.) correct included
    // create an SVG and write a circle
    $('#check').svg(); 
    var svg = $('#check').svg('get'); 
    svg.circle(130, 75, 50, {fill: 'none', stroke: 'red', strokeWidth: 3});   
 */
    
 
    // load my SVG
    var svg = $('#mySVG').svg('get');                
	  svg.linearGradient( $('#mySVG'),  'MyGradient',  [ ['5%', '#F60'], ['95%', '#FF6']] );     
 
});