JSFiddle - React, Tailwind, and code Playground

by tikosar

HTML

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1.9797in" height="2.10966in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 751 801"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <style type="text/css">
   <![CDATA[
    .str0 {stroke:#2E2E2D;stroke-width:31.6302}
    .fil0 {fill:none}
   ]]>
  </style>
 </defs>
 <g id="Layer_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0 str0" d="M363 403c-17,3 -33,-9 -36,-26 -3,-18 9,-34 26,-37 34,-6 66,17 71,52 5,36 -18,69 -52,75 -51,9 -98,-26 -106,-79 -8,-53 26,-103 77,-112 68,-12 132,35 142,105 11,71 -35,138 -103,150 -85,15 -164,-44 -178,-132 -13,-88 45,-172 130,-187 101,-18 197,53 213,159 16,105 -54,205 -155,223 -119,21 -231,-61 -249,-184 -19,-123 62,-240 181,-261 136,-24 263,70 284,211 22,140 -71,274 -207,298 -152,27 -296,-79 -320,-238 -24,-158 81,-308 233,-335 170,-30 329,88 356,264 26,176 -90,342 -259,373 -187,33 -362,-97 -391,-291 -29,-193 98,-377 285,-410 203,-36 394,106 426,317 32,211 -107,411 -311,447"/>
 </g>
</svg>

CSS

svg {
  animation: rotate 1s linear infinite;
  width: 400px;
  height: auto;
}

@keyframes rotate {
  to {
    transform: rotate(-360deg);
  }
}