Spinner-1s-200px.svg 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
  3. <g transform="rotate(0 50 50)">
  4. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  5. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
  6. </rect>
  7. </g><g transform="rotate(30 50 50)">
  8. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  9. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
  10. </rect>
  11. </g><g transform="rotate(60 50 50)">
  12. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  13. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
  14. </rect>
  15. </g><g transform="rotate(90 50 50)">
  16. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  17. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
  18. </rect>
  19. </g><g transform="rotate(120 50 50)">
  20. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  21. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
  22. </rect>
  23. </g><g transform="rotate(150 50 50)">
  24. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  25. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
  26. </rect>
  27. </g><g transform="rotate(180 50 50)">
  28. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  29. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
  30. </rect>
  31. </g><g transform="rotate(210 50 50)">
  32. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  33. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
  34. </rect>
  35. </g><g transform="rotate(240 50 50)">
  36. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  37. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
  38. </rect>
  39. </g><g transform="rotate(270 50 50)">
  40. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  41. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
  42. </rect>
  43. </g><g transform="rotate(300 50 50)">
  44. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  45. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
  46. </rect>
  47. </g><g transform="rotate(330 50 50)">
  48. <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#b78c5f">
  49. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
  50. </rect>
  51. </g>
  52. <!-- [ldio] generated by https://loading.io/ --></svg>