---
title: icon
group:
  title: 设计
  path: /icons
  order: 4
---

组件库内置基于[`@alipay/sofa-icons`](https://hitu.antgroup-inc.cn/packages/@alipay/sofa-icons/components/Icons)的所有icon图标。

## 渐变颜色（外部 style 覆盖）

`Icon` 默认使用从上到下的渐变填充（y1=0% → y2=100%）。你可以通过外部 `style` 传入 CSS 变量来覆盖渐变两端颜色：

```tsx
<Icon
  name="RotateCcw"
  size={14}
  style={
    {
      '--agentic-icon-gradient-from': '#FF4D4F',
      '--agentic-icon-gradient-to': '#FFA940',
    } as React.CSSProperties
  }
/>
```