JSFiddle - React, Tailwind, and code Playground

HTML

<svg class="throbber-svg" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
  <g class="throbber-group">
   <path class="arrow-1" fill="#40B6FF" d="M17.793,4.108L14.24,3.219c-0.647-0.162-1.288,0.24-1.424,0.893l-0.748,3.585
   c-0.136,0.653,0.215,0.897,0.78,0.543l1.656-1.038L14.6,7.171c0.704,1.161,0.983,2.576,0.641,3.997
   c-0.607,2.504-2.897,4.154-5.372,4.049c-0.569-0.024-0.62,0.463-0.62,0.463l-0.3,1.241c0,0-0.198,0.471,0.47,0.527
   c3.676,0.307,7.132-2.052,8.024-5.748c0.489-2.024,0.102-4.054-0.907-5.704l0.028-0.086l1.379-0.864
   C18.507,4.692,18.44,4.27,17.793,4.108z"/>
   <path class="arrow-1" fill="#40B6FF" d="M7.228,11.636l-1.644,1.031L5.544,12.68c-0.704-1.161-0.983-2.576-0.641-3.997
   c0.607-2.504,2.897-4.154,5.372-4.049c0.569,0.024,0.62-0.463,0.62-0.463l0.3-1.241c0,0,0.198-0.471-0.47-0.527
   C7.05,2.095,3.594,4.454,2.702,8.15c-0.489,2.024-0.102,4.054,0.907,5.704l-0.021,0.065L2.134,14.83
   c-0.565,0.354-0.498,0.777,0.149,0.939l3.553,0.889c0.647,0.162,1.288-0.24,1.424-0.893l0.748-3.585
   C8.144,11.526,7.793,11.282,7.228,11.636z"/>
   </g>
 </svg>

JavaScript

/* Borrowed from http://msdn.microsoft.com/en-us/library/ie/gg193979%28v=vs.85%29.aspx */

var requestAnimationFrameID;
var transformObject;
var initialAngle = 0; // The initial rotation angle, in degrees.
var angleDelta = -3; // The amount to rotate the throbber about every 16.7 milliseconds, in degrees.
var svgElements = document.getElementsByClassName('throbber-svg');

for (var i = 0; i < svgElements.length; i++) {
  var throbberGroups = svgElements[i].getElementsByClassName('throbber-group');
  var throbber = throbberGroups[0];
  transformObject = svgElements[i].createSVGTransform();
  throbber.currentAngle = initialAngle; // The initial rotation angle to use when the animation starts, stored in a custom property.
  throbber.transform.baseVal.appendItem(transformObject);
  requestAnimationFrameID = requestAnimationFrame(rotateThrobber); // Start the loop.
};

function rotateThrobber() {
  throbber.transform.baseVal.getItem(0).setRotate(throbber.currentAngle, 10, 10); // Rotate the throbber by a small amount.
  throbber.currentAngle += angleDelta;  // Increase the angle that the throbber will be rotated to, by a small amount.m
  if (throbber.currentAngle <= -360) { // Keep currentAngle between 0 and -360
    throbber.currentAngle += 360;
  }
  requestAnimationFrameID = requestAnimationFrame(rotateThrobber); // Call the doAnim() function about 60 times per second (60 FPS), or about once every 16.7 milliseconds until cancelAnimationFrame() is called.
}