loading-pulse.svg 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  3. <svg width="25" height="25" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#f7941d" class="puff">
  4. <g fill="none" fill-rule="evenodd" stroke-width="3">
  5. <circle cx="22" cy="22" r="1">
  6. <animate attributeName="r"
  7. begin="0s" dur="3s"
  8. values="1; 20"
  9. calcMode="spline"
  10. keyTimes="0; 1"
  11. keySplines="0.165, 0.84, 0.44, 1"
  12. repeatCount="indefinite" />
  13. <animate attributeName="stroke-opacity"
  14. begin="0s" dur="3s"
  15. values="1; 0"
  16. calcMode="spline"
  17. keyTimes="0; 1"
  18. keySplines="0.3, 0.61, 0.355, 1"
  19. repeatCount="indefinite" />
  20. </circle>
  21. <circle cx="22" cy="22" r="1">
  22. <animate attributeName="r"
  23. begin="-1.5s" dur="3s"
  24. values="1; 20"
  25. calcMode="spline"
  26. keyTimes="0; 1"
  27. keySplines="0.165, 0.84, 0.44, 1"
  28. repeatCount="indefinite" />
  29. <animate attributeName="stroke-opacity"
  30. begin="-1.5s" dur="3s"
  31. values="1; 0"
  32. calcMode="spline"
  33. keyTimes="0; 1"
  34. keySplines="0.3, 0.61, 0.355, 1"
  35. repeatCount="indefinite" />
  36. </circle>
  37. </g>
  38. </svg>