lobe-chat

1
import { useTheme } from 'antd-style';
2
import { memo } from 'react';
3

4
const StopLoadingIcon = memo(() => {
5
  const theme = useTheme();
6
  return (
7
    <svg
8
      className={'anticon'}
9
      color="currentColor"
10
      height={16}
11
      viewBox="0 0 1024 1024"
12
      width={16}
13
      xmlns="http://www.w3.org/2000/svg"
14
      xmlnsXlink="http://www.w3.org/1999/xlink"
15
    >
16
      <g fill="none">
17
        <circle cx="512" cy="512" fill="none" r="426" stroke={theme.colorBorder} strokeWidth="72" />
18
        <rect fill="currentColor" height="252" rx="24" ry="24" width="252" x="386" y="386" />
19
        <path
20
          d="M938.667 512C938.667 276.359 747.64 85.333 512 85.333"
21
          stroke="currentColor"
22
          strokeLinecap="round"
23
          strokeWidth="73"
24
        >
25
          <animateTransform
26
            attributeName="transform"
27
            dur="1s"
28
            from="0 512 512"
29
            repeatCount="indefinite"
30
            to="360 512 512"
31
            type="rotate"
32
          />
33
        </path>
34
      </g>
35
    </svg>
36
  );
37
});
38
export default StopLoadingIcon;
39