loader.svg 894 B

1234567891011121314
  1. <svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 24 24">
  2. <g stroke="currentColor">
  3. <circle cx="12" cy="12" r="9.5" fill="none" stroke-linecap="round" stroke-width="3">
  4. <animate attributeName="stroke-dasharray" calcMode="spline" dur="1.5s"
  5. keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" keyTimes="0;0.475;0.95;1"
  6. repeatCount="indefinite" values="0 150;42 150;42 150;42 150" />
  7. <animate attributeName="stroke-dashoffset" calcMode="spline" dur="1.5s"
  8. keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" keyTimes="0;0.475;0.95;1"
  9. repeatCount="indefinite" values="0;-16;-59;-59" />
  10. </circle>
  11. <animateTransform attributeName="transform" dur="2s" repeatCount="indefinite" type="rotate"
  12. values="0 12 12;360 12 12" />
  13. </g>
  14. </svg>