image-bg.svg (2725B)
1 <svg class="lds-spinner" width="48px" height="48px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"> 2 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 3 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.35s" repeatCount="indefinite"></animate> 4 </rect> 5 </g><g transform="rotate(36 50 50)"> 6 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 7 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.2s" repeatCount="indefinite"></animate> 8 </rect> 9 </g><g transform="rotate(72 50 50)"> 10 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 11 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.05s" repeatCount="indefinite"></animate> 12 </rect> 13 </g><g transform="rotate(108 50 50)"> 14 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 15 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.9s" repeatCount="indefinite"></animate> 16 </rect> 17 </g><g transform="rotate(144 50 50)"> 18 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 19 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.75s" repeatCount="indefinite"></animate> 20 </rect> 21 </g><g transform="rotate(180 50 50)"> 22 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 23 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.6s" repeatCount="indefinite"></animate> 24 </rect> 25 </g><g transform="rotate(216 50 50)"> 26 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 27 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.45s" repeatCount="indefinite"></animate> 28 </rect> 29 </g><g transform="rotate(252 50 50)"> 30 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 31 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.3s" repeatCount="indefinite"></animate> 32 </rect> 33 </g><g transform="rotate(288 50 50)"> 34 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 35 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.15s" repeatCount="indefinite"></animate> 36 </rect> 37 </g><g transform="rotate(324 50 50)"> 38 <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#222"> 39 <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="0s" repeatCount="indefinite"></animate> 40 </rect> 41 </g></svg>