25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

45 lines
1.9 KiB

  1. <svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#0275d8">
  2. <g fill="none" fill-rule="evenodd">
  3. <g transform="translate(1 1)" stroke-width="2">
  4. <circle cx="5" cy="50" r="5">
  5. <animate attributeName="cy"
  6. begin="0s" dur="2.2s"
  7. values="50;5;50;50"
  8. calcMode="linear"
  9. repeatCount="indefinite"/>
  10. <animate attributeName="cx"
  11. begin="0s" dur="2.2s"
  12. values="5;27;49;5"
  13. calcMode="linear"
  14. repeatCount="indefinite"/>
  15. </circle>
  16. <circle cx="27" cy="5" r="5">
  17. <animate attributeName="cy"
  18. begin="0s" dur="2.2s"
  19. from="5" to="5"
  20. values="5;50;50;5"
  21. calcMode="linear"
  22. repeatCount="indefinite"/>
  23. <animate attributeName="cx"
  24. begin="0s" dur="2.2s"
  25. from="27" to="27"
  26. values="27;49;5;27"
  27. calcMode="linear"
  28. repeatCount="indefinite"/>
  29. </circle>
  30. <circle cx="49" cy="50" r="5">
  31. <animate attributeName="cy"
  32. begin="0s" dur="2.2s"
  33. values="50;50;5;50"
  34. calcMode="linear"
  35. repeatCount="indefinite"/>
  36. <animate attributeName="cx"
  37. from="49" to="49"
  38. begin="0s" dur="2.2s"
  39. values="49;5;27;49"
  40. calcMode="linear"
  41. repeatCount="indefinite"/>
  42. </circle>
  43. </g>
  44. </g>
  45. </svg>