src/shared/images/spinner.svg

<?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 viewBox="0 0 100 100" version="1.1"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g stroke-opacity="0" transform="translate(50,50)">
    <animateTransform attributeName="transform" attributeType="XML"
      additive="sum" type="rotate"
      calcMode="discrete"  values="30;60;90;120;150;180;210;240;270;300;330;360"
      begin="0s" dur="1s" fill="freeze" repeatCount="indefinite" />
    <path d="M49.931,-2.617
      a 50,50 0 0,0 -5.381,-20.083
      l -17.82,9.08
      a 50 50 0 0,1 3.229,12.05
      l 19.973,-1.047"
      fill-opacity = ".5"/>
    <path d="M41.934,-27.232
      a 50,50 0 0,0 -14.702,-14.702
      l -10.893,16.773
      a 50 50 0 0,1 8.821,8.821
      l 16.773,-10.893"
      fill-opacity = "0.397"/>
    <path d="M22.7,-44.55
      a 50,50 0 0,0 -20.083,-5.381
      l -1.047,19.973
      a 50 50 0 0,1 12.05,3.229
      l 9.08,-17.82"
      fill-opacity = "0.311"/>
    <path d="M-2.617,-49.931
      a 50,50 0 0,0 -20.083,5.381
      l 9.08,17.82
      a 50 50 0 0,1 12.05,-3.229
      l -1.047,-19.973"
      fill-opacity = "0.24"/>
    <path d="M-27.232,-41.934
      a 50,50 0 0,0 -14.702,14.702
      l 16.773,10.893
      a 50 50 0 0,1 8.821,-8.821
      l -10.893,-16.773"
      fill-opacity = "0.184"/>
    <path d="M-44.55,-22.7
      a 50,50 0 0,0 -5.381,20.083
      l 19.973,1.047
      a 50 50 0 0,1 3.229,-12.05
      l -17.82,-9.08"
      fill-opacity = "0.140"/>
    <path d="M-49.931,2.617
      a 50,50 0 0,0 5.381,20.083
      l 17.82,-9.08
      a 50 50 0 0,1 -3.229,-12.05
      l -19.973,1.047"
      fill-opacity = "0.107"/>
    <path d="M-41.934,27.232
      a 50,50 0 0,0 14.702,14.702
      l 10.893,-16.773
      a 50 50 0 0,1 -8.821,-8.821
      l -16.773,10.893"
      fill-opacity = "0.083"/>
    <path d="M-22.7,44.55
      a 50,50 0 0,0 20.083,5.381
      l 1.047,-19.973
      a 50 50 0 0,1 -12.05,-3.229
      l -9.08,17.82"
      fill-opacity = "0.067"/>
    <path d="M2.617,49.931
      a 50,50 0 0,0 20.083,-5.381
      l -9.08,-17.82
      a 50 50 0 0,1 -12.05,3.229
      l 1.047,19.973"
      fill-opacity = "0.057"/>
    <path d="M27.232,41.934
      a 50,50 0 0,0 14.702,-14.702
      l -16.773,-10.893
      a 50 50 0 0,1 -8.821,8.821
      l 10.893,16.773"
      fill-opacity = "0.052"/>
    <path d="M44.55,22.7
      a 50,50 0 0,0 5.381,-20.083
      l -19.973,-1.047
      a 50 50 0 0,1 -3.229,12.05
      l 17.82,9.08"
      fill-opacity = "0.050"/>
  </g>
</svg>