loading.svg 2.2 KB

123456789101112131415161718192021222324252627282930313233
  1. <svg class="lds-spinner" width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)">
  2. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  3. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.875s" repeatCount="indefinite"></animate>
  4. </rect>
  5. </g><g transform="rotate(45 50 50)">
  6. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  7. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
  8. </rect>
  9. </g><g transform="rotate(90 50 50)">
  10. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  11. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.625s" repeatCount="indefinite"></animate>
  12. </rect>
  13. </g><g transform="rotate(135 50 50)">
  14. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  15. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
  16. </rect>
  17. </g><g transform="rotate(180 50 50)">
  18. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  19. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.375s" repeatCount="indefinite"></animate>
  20. </rect>
  21. </g><g transform="rotate(225 50 50)">
  22. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  23. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
  24. </rect>
  25. </g><g transform="rotate(270 50 50)">
  26. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  27. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.125s" repeatCount="indefinite"></animate>
  28. </rect>
  29. </g><g transform="rotate(315 50 50)">
  30. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#0b1d27">
  31. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
  32. </rect>
  33. </g></svg>