# @bigbinary/neeto-icons 中文文档

规范地址：https://npmcn.com/package/%40bigbinary/neeto-icons/

版本：1\.21\.2
npm 元数据更新时间：2026-08-12T17:37:50.509Z
中文译文更新时间：2026-11-08T01:53:53.556Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40bigbinary/neeto-icons
原文对照：https://npmcn.com/package/%40bigbinary/neeto-icons/?lang=original
项目主页：https://neeto-icons.neeto.com/
源码仓库：https://github.com/bigbinary/neeto-icons

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

- 包体积（解压后）：9.8 MB，2929 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- Node.js 要求：\>=22\.13
- 运行依赖：0 个
- peer 依赖：react 18\.3\.1，react-dom 18\.3\.1
- 首次发布：2021-06-23T09:38:20.791Z
- 最新版本发布：2026-08-12T17:37:50.290Z
- 近 30 天下载量：49333（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：227（近 12 个月 27 个）

## 中文简介

NetoIcons和netoIconsRN库是一款由SVG React组件图标组成的集合,驱动了在BigBinary所建的neeto产品中的经验.

## 安装

```sh
npm install @bigbinary/neeto-icons
```

也可以使用：`pnpm add @bigbinary/neeto-icons`、`yarn add @bigbinary/neeto-icons`、`bun add @bigbinary/neeto-icons`

## README

# 需要关闭

NetoIcons 和 netoIconsRN 库是 SVG 反应组件图标的集合,可以驱动该库中的经验 在BigBinary制造出的产品.

## 目录

-   [安装](https://npmcn.com/package/%40bigbinary/neeto-icons/#readme-installation)
-   [使用量](https://npmcn.com/package/%40bigbinary/neeto-icons/#readme-usage)
-   [如何运作](https://npmcn.com/package/%40bigbinary/neeto-icons/#readme-how-it-works)
-   [出版说明](https://npmcn.com/package/%40bigbinary/neeto-icons/#readme-instructions-for-publishing)

## 安装

网络 :

```
yarn add @bigbinary/neeto-icons
```

原生反应 :

```
yarn add @bigbinary/neeto-icons-rn
```

### 发展指示

检查 [前端软件包开发指南](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) 分步执行 指示开发前端软件包.

#### 向库中添加新图标

1.  **添加 SVG 文件 -** 将新图标的 SVG 文件放在适当的文件夹中 `source` 目录. 例如:
    
    -   `icons/` 用于普通图标
    -   `logos/` 产品标识
    -   `typefaceLogos/` 产品型号标识
    -   `appIcons/` 用于应用程序图标
    -   `misc/` 用于杂项图标
    -   `elements/` 要素
2.  **适当命名文件 -** 为文件名使用 PascalCase( 例如 ), `NewIcon.svg`) (中文(简体) ).
    
3.  **校验图标 -** 运行 `yarn start` 命令以校验新图标的 React 组件 :
    

### 使用量

网络 :

```javascript
import { Clock } from "@bigbinary/neeto-icons";
```

原生反应 :

```javascript
import { Clock } from "@bigbinary/neeto-icons-rn";
```

反应文件中的任何地方

```jsx
<Clock color="#1e1e20" size={24} />
```

### 反应原生导入

每个类别都可用一桶:

```javascript
import { NeetoSite } from "@bigbinary/neeto-icons-rn/app-icons";
import { Keyboard } from "@bigbinary/neeto-icons-rn/elements";
import { Clock } from "@bigbinary/neeto-icons-rn/icons";
import { Neeto } from "@bigbinary/neeto-icons-rn/logos";
import { Windows } from "@bigbinary/neeto-icons-rn/misc";
import { Neeto as NeetoTypeface } from "@bigbinary/neeto-icons-rn/typeface-logos";
```

每个图标也可以单独导入,作为默认导出,这样捆绑器只能拉入所使用的内容:

```javascript
import Clock from "@bigbinary/neeto-icons-rn/icons/Clock";
import Neeto from "@bigbinary/neeto-icons-rn/logos/Neeto";
```

每个类别也可通过一个单一的名称空格入口到达:

```javascript
import { Icons, Logos, Misc } from "@bigbinary/neeto-icons-rn/namespaces";

<Icons.Clock size={24} />;
```

道具类型单独导出 :

```typescript
import type { IconProps } from "@bigbinary/neeto-icons-rn/types";
```

#### 地铁配置

这些子路径通过 `exports` 软件包的字段, Metro 默认只从 React 获得荣誉 本地人 0.79 前进。 在较早的版本中,字段被忽略了,上面的导入无法解决,所以允许在 `metro.config.js`数字 :

```javascript
module.exports = {
  resolver: {
    unstable_enablePackageExports: true,
  },
};
```

### 产品标志

```javascript
import { Neeto } from "@bigbinary/neeto-icons/logos";
```

### 应用程序图标

```javascript
import { NeetoSite } from "@bigbinary/neeto-icons/app-icons";
```

### 道具

| 名称 | 类型 | 默认 | 说明 |
| --- | --- | --- | :-- |
| 颜色 | 字符串 | 当前颜色 | CSS 图标的颜色值 . |
| 大小 | 字符串, 数字 | 24个 | 为 SVG 元素的高度和宽度属性提供的值 . |
| 类Name | 字符串 |  | 提供给SVG元素的类. |

### 杂项图标

```javascript
import { Windows } from "@bigbinary/neeto-icons/misc";
<Windows  size={36} />
```

```javascript
import { Razorpay } from "@bigbinary/neeto-icons/misc";
<Razorpay  width={100}  height={32} />
<Razorpay  width={100}  />
```

### 道具

| 名称 | 类型 | 默认 | 说明 |
| --- | --- | --- | :-- |
| 大小 | 字符串, 数字 | 24个 | 为 SVG 元素的高度和宽度属性提供的值 . |
| 高度 | 字符串, 数字 | \- 说吧 | 为 SVG 元素的高度属性提供的值 . |
| 宽度 | 字符串, 数字 | \- 说吧 | 向 SVG 元素宽度属性提供的值 . |
| 类Name | 字符串 |  | 提供给SVG元素的类. |

### 字体标识

```javascript
import { Neeto } from "@bigbinary/neeto-icons/typeface-logos";
```

反应文件中的任何地方

```jsx
<Neeto height={24} width={48} />
```

| 名称 | 类型 | 默认 | 说明 |
| --- | --- | --- | :-- |
| 高度 | 字符串, 数字 | 20国 | 为 SVG 元素的高度属性提供的值 . |
| 宽度 | 字符串, 数字 | 100% | 向 SVG 元素宽度属性提供的值 . |
| 类Name | 字符串 |  | 提供给SVG元素的类. |

### 要件

```javascript
import { Keyboard } from "@bigbinary/neeto-icons/elements";
```

反应文件中的任何地方

```jsx
<Keyboard height={80} width={41} />
```

| 名称 | 类型 | 默认 | 说明 |
| --- | --- | --- | :-- |
| 高度 | 字符串, 数字 | 第 26 条 | 为 SVG 元素的高度属性提供的值 . |
| 宽度 | 字符串, 数字 | 80个 | 向 SVG 元素宽度属性提供的值 . |
| 类Name | 字符串 |  | 提供给SVG元素的类. |

## 如何运作

-   我们使用自定义滚动插件( 可以在 `build/index.mjs`) 带走所有 `.svg` 来自 `source` 文件夹并将其转换为生成 SVG 图标的 React 组件.
    
-   插件接受一个配置对象作为可以包含以下密钥的参数:
    
    | 名称 | 类型 | 说明 |
    | --- | --- | --- |
    | 选项 | `object` | 选项从反应- svgr 传递到变换函数 。 (见 [完整视图列表](https://react-svgr.com/docs/options/)(中文(简体) ) |
    | 添加数 转换 | `function` | 可被应用到生成的React代码上的额外字符串转换. |
    | 来源 | `string` | SVG 文件所在文件夹的路径 |
    | 目标 | `string` | 设置生成的反应代码的文件夹路径 |
    
-   对于每个图标,将在 `generate/icons` 文件夹.
    
-   从那里取出轮子 产生捆绑.
    

## 出版指令

咨询 [构建和释放软件包](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) 指南 详细介绍如何出版.

## 常见问题

### @bigbinary/neeto-icons 是什么？

NetoIcons和netoIconsRN库是一款由SVG React组件图标组成的集合,驱动了在BigBinary所建的neeto产品中的经验\.

### 如何安装 @bigbinary/neeto-icons？

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

### @bigbinary/neeto-icons 支持 TypeScript 吗？

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

### @bigbinary/neeto-icons 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @bigbinary/neeto-icons 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=22\.13。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @bigbinary/neeto-icons 可以商用吗？

@bigbinary/neeto-icons 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @bigbinary/neeto-icons 的下载量有多少？

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

### @bigbinary/neeto-icons 还在维护吗？

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