43 lines
1.0 KiB
JavaScript
43 lines
1.0 KiB
JavaScript
|
export default function LoadingIcon() {
|
||
|
|
return (
|
||
|
|
<svg
|
||
|
|
viewBox="0 0 100 100"
|
||
|
|
style={{
|
||
|
|
maxWidth: "1.2em",
|
||
|
|
maxHeight: "1.2em",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<circle fill="#209CEE" stroke="none" cx="6" cy="50" r="6">
|
||
|
|
<animateTransform
|
||
|
|
attributeName="transform"
|
||
|
|
dur="1s"
|
||
|
|
type="translate"
|
||
|
|
values="0 15 ; 0 -15; 0 15"
|
||
|
|
repeatCount="indefinite"
|
||
|
|
begin="0.1"
|
||
|
|
/>
|
||
|
|
</circle>
|
||
|
|
<circle fill="#209CEE" stroke="none" cx="30" cy="50" r="6">
|
||
|
|
<animateTransform
|
||
|
|
attributeName="transform"
|
||
|
|
dur="1s"
|
||
|
|
type="translate"
|
||
|
|
values="0 10 ; 0 -10; 0 10"
|
||
|
|
repeatCount="indefinite"
|
||
|
|
begin="0.2"
|
||
|
|
/>
|
||
|
|
</circle>
|
||
|
|
<circle fill="#209CEE" stroke="none" cx="54" cy="50" r="6">
|
||
|
|
<animateTransform
|
||
|
|
attributeName="transform"
|
||
|
|
dur="1s"
|
||
|
|
type="translate"
|
||
|
|
values="0 5 ; 0 -5; 0 5"
|
||
|
|
repeatCount="indefinite"
|
||
|
|
begin="0.3"
|
||
|
|
/>
|
||
|
|
</circle>
|
||
|
|
</svg>
|
||
|
|
);
|
||
|
|
}
|