loading.svg
12 lines
| 1 | <?xml version="1.0" encoding="utf-8"?> |
| 2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> |
| 3 | <g transform="rotate(180 50 50)"><rect x="15" y="15" width="10" height="40" fill="#1f1a28"> |
| 4 | <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.4s"></animate> |
| 5 | </rect><rect x="35" y="15" width="10" height="40" fill="#c5c2cc"> |
| 6 | <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.2s"></animate> |
| 7 | </rect><rect x="55" y="15" width="10" height="40" fill="#6c46ae"> |
| 8 | <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.6s"></animate> |
| 9 | </rect><rect x="75" y="15" width="10" height="40" fill="#5123a0"> |
| 10 | <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-1s"></animate> |
| 11 | </rect></g> |
| 12 | </svg> |