# Icon 元素

`icon` 元素使用 Revideo `Icon` 组件，通过 Iconify id 渲染图标。

## 结构

```ts
interface IconClip extends BaseClip {
  type: "icon";
  icon: string;
  color?: string;
}
```

## 字段

- `icon`：Iconify 图标 id，例如 `mdi:movie-open-play-outline`。
- `color`：图标颜色；未填时使用 `style.fill` 或白色。

## 示例

```json
{
  "type": "icon",
  "start": 0,
  "duration": 3,
  "icon": "mdi:movie-open-play-outline",
  "color": "#a3e635",
  "transform": {
    "x": "50%",
    "y": "50%",
    "width": 160,
    "height": 160
  },
  "transition": {
    "type": "spin",
    "duration": 0.4,
    "rotation": 22
  }
}
```