# 使用



```tsx
import { SparkLoadingLine } from '@agentscope-ai/icons';

export default () => {
  return (
    <SparkLoadingLine
      className="your-class-name"
      style={{ color: 'var(--sps-color-primary)' }}
      spin
      size={48}
    />
  );
};

```

基本用法

访问 [Icon Library](https://sparkdesign.agentscope.io/#/resources/icons) 查看全部 Icon