loader.svg 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
  3. <g transform="rotate(0 50 50)">
  4. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#6c5ffc">
  5. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-1.3043478260869565s" repeatCount="indefinite"></animate>
  6. </rect>
  7. </g><g transform="rotate(36 50 50)">
  8. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#05c3fb">
  9. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-1.1594202898550725s" repeatCount="indefinite"></animate>
  10. </rect>
  11. </g><g transform="rotate(72 50 50)">
  12. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#6c5ffc">
  13. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-1.0144927536231882s" repeatCount="indefinite"></animate>
  14. </rect>
  15. </g><g transform="rotate(108 50 50)">
  16. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#05c3fb">
  17. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-0.8695652173913043s" repeatCount="indefinite"></animate>
  18. </rect>
  19. </g><g transform="rotate(144 50 50)">
  20. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#6c5ffc">
  21. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-0.7246376811594203s" repeatCount="indefinite"></animate>
  22. </rect>
  23. </g><g transform="rotate(180 50 50)">
  24. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#05c3fb">
  25. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-0.5797101449275363s" repeatCount="indefinite"></animate>
  26. </rect>
  27. </g><g transform="rotate(216 50 50)">
  28. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#6c5ffc">
  29. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-0.43478260869565216s" repeatCount="indefinite"></animate>
  30. </rect>
  31. </g><g transform="rotate(252 50 50)">
  32. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#05c3fb">
  33. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-0.2898550724637681s" repeatCount="indefinite"></animate>
  34. </rect>
  35. </g><g transform="rotate(288 50 50)">
  36. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#6c5ffc">
  37. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="-0.14492753623188406s" repeatCount="indefinite"></animate>
  38. </rect>
  39. </g><g transform="rotate(324 50 50)">
  40. <rect x="41.5" y="24.5" rx="8.5" ry="2.5" width="17" height="5" fill="#05c3fb">
  41. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.4492753623188404s" begin="0s" repeatCount="indefinite"></animate>
  42. </rect>
  43. </g>
  44. <!-- [ldio] generated by https://loading.io/ --></svg>