# 图标组件 API

## Props 属性说明

| 属性名 | 类型             | 必填 | 描述       |
| ------ | ---------------- | ---- | ---------- |
| `loc`  | `ElementLocator` | 是   | 图标定位符 |

图标比例固定，会自动根据传入的长宽缩放。

## 图标列表

-   `RollbackIcon`: 回退图标
-   `RetweenIcon`: 回收图标
-   `ViewMapIcon`: 浏览地图图标
-   `DanmakuIcon`: 弹幕图标
-   `ReplayIcon`: 回放图标
-   `numpadIcon`: 数字键盘图标
-   `PlayIcon`: 开始播放图标
-   `PauseIcon`: 暂停播放图标
-   `DoubleArrow`: 双箭头图标（向右）
-   `StepForward`: 单步向前图标

## 使用示例

```tsx
import { defineComponent } from 'vue';
import { RollbackIcon } from '@user/client-modules';

export const MyCom = defineComponent(() => {
    return () => (
        <container>
            <RollbackIcon loc={[32, 32, 64, 64]} />
        </container>
    );
});
```