loading_animation.svg (1321B)
1 <svg viewbox="-200 -150 400 300" id="loading"> 2 <defs> 3 <line id="ray" x1="-5" x2="5"></line> 4 <clipPath id="cp"> 5 <rect x="-200" y="-150" width="400" height="150"></rect> 6 </clipPath> 7 </defs> 8 <line id="line" x1="-76" x2="76"></line> 9 <text text-anchor="middle" y="45">Loading...</text> 10 <g id="sun" clip-path="url(#cp)"> 11 <g id="mover"> 12 <circle id="main" r="50"></circle> 13 <g id="eyes"> 14 <circle r="3" cx="-13"></circle> 15 <circle r="3" cx="13"></circle> 16 </g> 17 <g id="rays"> 18 <use xlink:href="#ray" transform="rotate(315) translate(70)"></use> 19 <use xlink:href="#ray" transform="rotate(270) translate(70)"></use> 20 <use xlink:href="#ray" transform="rotate(225) translate(70)"></use> 21 <use xlink:href="#ray" transform="rotate(180) translate(70)"></use> 22 <use xlink:href="#ray" transform="rotate(135) translate(70)"></use> 23 <use xlink:href="#ray" transform="rotate(90) translate(70)"></use> 24 <use xlink:href="#ray" transform="rotate(45) translate(70)"></use> 25 <use xlink:href="#ray" transform="rotate(0) translate(70)"></use> 26 </g> 27 </g> 28 </g> 29 </svg>