# @2en/icons 中文文档

规范地址：https://npmcn.com/package/%402en/icons/

版本：0\.0\.1
npm 元数据更新时间：2026-05-08T05:56:00.371Z
中文译文更新时间：2026-11-05T17:36:57.949Z
软件包许可：UNLICENSED

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%402en/icons
原文对照：https://npmcn.com/package/%402en/icons/?lang=original
项目主页：https://github.com/2enai/2en-icons#readme
源码仓库：https://github.com/2enai/2en-icons

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：850 kB，16 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：5 个
- peer 依赖：react \>=18，react-native \>=0\.74，react-native-svg \>=15
- 首次发布：2026-05-08T05:55:59.767Z
- 最新版本发布：2026-05-08T05:56:00.054Z
- 近 30 天下载量：217164（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：1（近 12 个月 1 个）

## 中文简介

Clawly的标准图标库——Central-icons再出口给React Introduct和Web,加上有选择地销售了@2en/openai-icons glyphs和Clawly-Custom 添加.

## 安装

```sh
npm install @2en/icons
```

也可以使用：`pnpm add @2en/icons`、`yarn add @2en/icons`、`bun add @2en/icons`

## README

# @ 2en/ 缩写

Clawly的标准图标库——一条导入路径,既回放土著,又回放网络.

## 快速使用

```tsx
import {IconBubbleQuestion, IconBubbleQuestionFilled} from '@2en/icons'

// Outlined (no suffix)
<IconBubbleQuestion size={24} color="#1d1d1f" />
// Filled
<IconBubbleQuestionFilled size={24} color="#1d1d1f" />
```

每个图标都要 `IconProps` (从上游再出口) `CentralIconBaseProps`: `size?: number | string` (违约24), `color`, (中文(简体) ), `style`,加上基本的 SVG道具.

## 命名

提纲并填充 **单独的组件**,而不是一个 `variant` 道具——只指你进口的打花花船.

| 表单 | 含义 |
| --- | --- |
| `IconArchive` | 概述 |
| `IconArchiveFilled` | 已填满 |

一小撮甘油是从 `@2en/openai-icons` 取而代之的是中相(如:. `IconArchive`, (中文(简体) ), `IconStop`, (中文(简体) ), `IconTasks`这些不会暴露 `*Filled` 变式——将概述的oai与中央填充相混合将产生视觉冲突.

## 跨平台

`import {IconArchive} from '@2en/icons'` 在React Industrial(Metro / Expo)和React Web(Webpack / Vite / Next.js)中工作. 包裹 `exports` 字段切换器条件 :

-   `react-native` → `@central-icons-react-native/*`
-   `default` → `@central-icons-react/*`

`react-native` 财务报告和审定财务报表 `react-native-svg` 为: **选项** 等同分解 – 只有网络用户不会看到安装警告 .

## `IconName` 类型

`IconName` 这是 **本地网络的相接点** - 各个平台上都有名字 一个平台独有的名称仍然可以导入,只是没有加入这个联盟.

## 公约

-   **无入深入.** 永远 `import {IconX} from '@2en/icons'`。 。 。 .
-   **帕斯卡尔Case, `Icon` 前缀.**
-   **没有 `default` 出口.** 总是取名.

## 许可证

再导出图标 `src/central-icons/` 来源于 [图标中心图标](https://centralicons.com/) 根据我们购买的许可证; 圣像主义者许可证条款适用。 销售甘油 `src/openai-icons/` 保留 `@2en/openai-icons`许可证。 手写内容 : `src/custom/` 是克劳利的.

* * *

正在研究这个包裹? 见 [`CLAUDE.md`](https://npmcn.com/package/%402en/icons/CLAUDE.md)。 。 。 .

## 常见问题

### @2en/icons 是什么？

Clawly的标准图标库——Central-icons再出口给React Introduct和Web,加上有选择地销售了@2en/openai-icons glyphs和Clawly-Custom 添加\.

### 如何安装 @2en/icons？

在项目目录运行 npm install @2en/icons，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=18）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @2en/icons 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @2en/icons 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @2en/icons 可以商用吗？

@2en/icons 使用 UNLICENSED 许可。作者声明为 UNLICENSED，即不授予公开使用许可（与公共领域的 Unlicense 不同）。使用前需获得作者授权。以上为概括，不构成法律意见，请以许可原文为准。

### @2en/icons 的下载量有多少？

根据 npm 官方下载统计，@2en/icons 在 2026/10/05 – 2026/11/03 这 30 天内被下载 217,164 次，日均约 7,239 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @2en/icons 还在维护吗？

最新版本 0\.0\.1 发布于 2026/05/08（6 个月前）；至今共发布 1 个版本，其中过去 12 个月发布了 1 个；首次发布于 2026/05/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。