Advertisement
EddieKidiw

icon spiner

Jul 18th, 2017
209
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.07 KB | None | 0 0
  1. <svg class="lds-spin" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><g transform="translate(80,50)">
  2. <g transform="rotate(0)">
  3. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="1" transform="scale(1.05752 1.05752)">
  4. <animateTransform attributeName="transform" type="scale" begin="-0.875s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  5. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.875s"></animate>
  6. </circle>
  7. </g>
  8. </g><g transform="translate(71.21320343559643,71.21320343559643)">
  9. <g transform="rotate(45)">
  10. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.875" transform="scale(1.07002 1.07002)">
  11. <animateTransform attributeName="transform" type="scale" begin="-0.75s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  12. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.75s"></animate>
  13. </circle>
  14. </g>
  15. </g><g transform="translate(50,80)">
  16. <g transform="rotate(90)">
  17. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.75" transform="scale(1.08252 1.08252)">
  18. <animateTransform attributeName="transform" type="scale" begin="-0.625s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  19. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.625s"></animate>
  20. </circle>
  21. </g>
  22. </g><g transform="translate(28.786796564403577,71.21320343559643)">
  23. <g transform="rotate(135)">
  24. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.625" transform="scale(1.09502 1.09502)">
  25. <animateTransform attributeName="transform" type="scale" begin="-0.5s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  26. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.5s"></animate>
  27. </circle>
  28. </g>
  29. </g><g transform="translate(20,50.00000000000001)">
  30. <g transform="rotate(180)">
  31. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.5" transform="scale(1.00752 1.00752)">
  32. <animateTransform attributeName="transform" type="scale" begin="-0.375s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  33. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.375s"></animate>
  34. </circle>
  35. </g>
  36. </g><g transform="translate(28.78679656440357,28.786796564403577)">
  37. <g transform="rotate(225)">
  38. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.375" transform="scale(1.02002 1.02002)">
  39. <animateTransform attributeName="transform" type="scale" begin="-0.25s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  40. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.25s"></animate>
  41. </circle>
  42. </g>
  43. </g><g transform="translate(49.99999999999999,20)">
  44. <g transform="rotate(270)">
  45. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.25" transform="scale(1.03252 1.03252)">
  46. <animateTransform attributeName="transform" type="scale" begin="-0.125s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  47. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.125s"></animate>
  48. </circle>
  49. </g>
  50. </g><g transform="translate(71.21320343559643,28.78679656440357)">
  51. <g transform="rotate(315)">
  52. <circle cx="0" cy="0" r="10" fill="#ffffff" fill-opacity="0.125" transform="scale(1.04502 1.04502)">
  53. <animateTransform attributeName="transform" type="scale" begin="0s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
  54. <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
  55. </circle>
  56. </g>
  57. </g></svg>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement