# @deriv-com/quill-icons-web 中文文档
规范地址：https://npmcn.com/package/%40deriv-com/quill-icons-web/
版本：2\.0\.2
npm 元数据更新时间：2026-10-09T02:12:34.596Z
中文译文更新时间：2026-11-12T00:41:31.971Z
软件包许可：MIT
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40deriv-com/quill-icons-web
原文对照：https://npmcn.com/package/%40deriv-com/quill-icons-web/?lang=original
项目主页：https://github.com/deriv-com/product-design-quill-icons/tree/main/packages/icons-web#readme
源码仓库：https://github.com/deriv-com/product-design-quill-icons
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：20.6 MB，3766 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：react \>=17
- 首次发布：2026-07-20T08:23:18.428Z
- 最新版本发布：2026-10-09T02:12:34.356Z
- 近 30 天下载量：4636（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：19（近 12 个月 19 个）
## 中文简介
反应Deriv的Quill设计系统的图标组件,由Figma生成.
## 安装
```sh
npm install @deriv-com/quill-icons-web
```
也可以使用：`pnpm add @deriv-com/quill-icons-web`、`yarn add @deriv-com/quill-icons-web`、`bun add @deriv-com/quill-icons-web`
## README
# @deriv-com/quill-icons-web (中文(简体) )
反应 Deriv 的图标组件 **奎尔** 设计系统。 每个图标都会生成 quill Figma 图书馆的直取—— 真理的单一来源—— 那么.. 导入总是匹配设计.
## 安装
```bash
npm install @deriv-com/quill-icons-web
# pnpm add @deriv-com/quill-icons-web
# yarn add @deriv-com/quill-icons-web
```
`react >= 17` 要求作为同伴依赖.
## 使用量
```tsx
import { Num0FlagPlaceholderIcon } from '@deriv-com/quill-icons-web'
export function Example() {
return
}
```
图标 **系统** 组合为单色并继承周围文本 颜色通过 `currentColor`数字 :
```tsx
```
其他团体(旗子,市场,货币,账户,.)保留其固定品牌 来自Figma的颜色——不要用期望它们会发花的颜色来包装.
### 道具
每个图标扩展 `React.SVGProps` 并添加:
| Prop | 类型 | 默认 | 说明 |
| --- | --- | --- | --- |
| `size` | `number | string` | `24` | 设置宽度和高度. |
其它 SVG 道具 (`className`, (中文(简体) ), `fill`, (中文(简体) ), `onClick`, (中文(简体) ), `ref`, (中文(简体) ), `aria-*`,.) 通过 直通深处 `