JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg onload="init(evt)" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="1024px" height="768px" viewBox="0 0 1024 768" enable-background="new 0 0 1024 768" xml:space="preserve">

 <script type="text/javascript"><![CDATA[

        // On initialise le degré de la rotation à 0
    var deg = 0;

        // Fonction d'initialisation
    function init(evt) {

            // On récupère le document SVG
        if ( window.svgDocument == null )
            svgDocument = evt.target.ownerDocument;

            // Puis l'icône
        var icon = svgDocument.getElementById("reload");

            // On effectue l'animation de rotation avec un délais très court
        setInterval(function() { rotate(icon); }, 15);
    }

        // Fonction de rotation
    function rotate(el) {

            // On définit l'origine d'icône qui servira à la rotation
        el.style.webkitTransformOrigin = 'center center';
        el.MozTransformOrigin = 'center center';

            // On applique la rotation en degré (avec préfixage suivant les navigateurs)
        el.style.webkitTransform = 'rotate('+ deg +'deg)';
        el.style.mozTransform    = 'rotate('+ deg +'deg)';
        el.style.msTransform     = 'rotate('+ deg +'deg)';
        el.style.oTransform      = 'rotate('+ deg +'deg)';
        el.style.transform       = 'rotate('+ deg +'deg)';

            // On incrémente la rotation par pas de 1, tout en veillant à réinitialiser la variable à 0 si 360 degrés sont atteints
        (deg == 360) ? deg = 0 : deg += 1;
    }

    ]]></script>

<path id="reload" fill="#CCCCCC" d="M431.532,387.014c0-44.414,36.023-80.438,80.438-80.438c19.188,0,36.712,6.844,50.5,18.077l-31.627,30.097
   ...