bars.d9d69cc5.svg 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <svg width="135" height="140" viewBox="0 0 135 140" xmlns="http://www.w3.org/2000/svg" fill="#2dc7aa">
  2. <!-- <rect y="10" width="15" height="120" rx="6">
  3. <animate attributeName="height"
  4. begin="0.5s" dur="1s"
  5. values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
  6. repeatCount="indefinite" />
  7. <animate attributeName="y"
  8. begin="0.5s" dur="1s"
  9. values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
  10. repeatCount="indefinite" />
  11. </rect> -->
  12. <rect x="20" y="10" width="15" height="120" rx="6">
  13. <animate attributeName="height"
  14. begin="0.25s" dur="1s"
  15. values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
  16. repeatCount="indefinite" />
  17. <animate attributeName="y"
  18. begin="0.25s" dur="1s"
  19. values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
  20. repeatCount="indefinite" />
  21. </rect>
  22. <rect x="60" width="15" height="140" rx="6">
  23. <animate attributeName="height"
  24. begin="0s" dur="1s"
  25. values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
  26. repeatCount="indefinite" />
  27. <animate attributeName="y"
  28. begin="0s" dur="1s"
  29. values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
  30. repeatCount="indefinite" />
  31. </rect>
  32. <rect x="100" y="10" width="15" height="120" rx="6">
  33. <animate attributeName="height"
  34. begin="0.5s" dur="1s"
  35. values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
  36. repeatCount="indefinite" />
  37. <animate attributeName="y"
  38. begin="0.5s" dur="1s"
  39. values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
  40. repeatCount="indefinite" />
  41. </rect>
  42. <!-- <rect x="120" y="10" width="15" height="120" rx="6">
  43. <animate attributeName="height"
  44. begin="0.5s" dur="1s"
  45. values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
  46. repeatCount="indefinite" />
  47. <animate attributeName="y"
  48. begin="0.5s" dur="1s"
  49. values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
  50. repeatCount="indefinite" />
  51. </rect> -->
  52. </svg>