tail-spin.svg 1.3 KB

1234567891011121314151617181920212223242526272829303132
  1. <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
  2. <svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
  3. <defs>
  4. <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a">
  5. <stop stop-color="#fff" stop-opacity="0" offset="0%"/>
  6. <stop stop-color="#fff" stop-opacity=".631" offset="63.146%"/>
  7. <stop stop-color="#fff" offset="100%"/>
  8. </linearGradient>
  9. </defs>
  10. <g fill="none" fill-rule="evenodd">
  11. <g transform="translate(1 1)">
  12. <path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke="url(#a)" stroke-width="2">
  13. <animateTransform
  14. attributeName="transform"
  15. type="rotate"
  16. from="0 18 18"
  17. to="360 18 18"
  18. dur="0.9s"
  19. repeatCount="indefinite" />
  20. </path>
  21. <circle fill="#fff" cx="36" cy="18" r="1">
  22. <animateTransform
  23. attributeName="transform"
  24. type="rotate"
  25. from="0 18 18"
  26. to="360 18 18"
  27. dur="0.9s"
  28. repeatCount="indefinite" />
  29. </circle>
  30. </g>
  31. </g>
  32. </svg>