search-loading.svg 5.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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="animation-play-state: running; animation-delay: 0s; background: none;"><g transform="rotate(0 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  2. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  3. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.4583333333333333s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  4. </rect>
  5. </g><g transform="rotate(30 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  6. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  7. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.4166666666666667s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  8. </rect>
  9. </g><g transform="rotate(60 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  10. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  11. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.375s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  12. </rect>
  13. </g><g transform="rotate(90 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  14. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  15. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.3333333333333333s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  16. </rect>
  17. </g><g transform="rotate(120 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  18. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  19. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.2916666666666667s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  20. </rect>
  21. </g><g transform="rotate(150 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  22. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  23. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.25s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  24. </rect>
  25. </g><g transform="rotate(180 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  26. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  27. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.20833333333333334s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  28. </rect>
  29. </g><g transform="rotate(210 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  30. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  31. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.16666666666666666s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  32. </rect>
  33. </g><g transform="rotate(240 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  34. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  35. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.125s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  36. </rect>
  37. </g><g transform="rotate(270 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  38. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  39. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.08333333333333333s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  40. </rect>
  41. </g><g transform="rotate(300 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  42. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  43. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="-0.041666666666666664s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  44. </rect>
  45. </g><g transform="rotate(330 50 50)" class="" style="animation-play-state: running; animation-delay: 0s;">
  46. <rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#ffffff" class="" style="animation-play-state: running; animation-delay: 0s;">
  47. <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.5s" begin="0s" repeatCount="indefinite" class="" style="animation-play-state: running; animation-delay: 0s;"></animate>
  48. </rect>
  49. </g></svg>