# @bcc-code/icons 中文文档

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

版本：1\.5\.4
npm 元数据更新时间：2026-09-08T09:03:50.305Z
中文译文更新时间：2026-11-07T19:00:59.061Z
软件包许可：Apache-2\.0

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

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

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

- 包体积（解压后）：5 MB，7765 个文件
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2023-03-03T08:32:17.826Z
- 最新版本发布：2026-09-08T09:03:49.964Z
- 近 30 天下载量：9845（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：61（近 12 个月 7 个）

## 中文简介

BCC设计系统中使用的图标,由材料符号改编而来.

## 安装

```sh
npm install @bcc-code/icons
```

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

## README

# 缩略语

BCC设计系统中使用的图标,由材料符号改编而来.

[![version](https://img.shields.io/npm/v/@bcc-code/icons)](https://github.com/bcc-code/bcc-design/releases) [![license](https://img.shields.io/npm/l/@bcc-code/icons)](https://github.com/bcc-code/bcc-design/blob/main/icons/LICENSE) [![install size](https://packagephobia.com/badge?p=@bcc-code/icons)](https://packagephobia.com/result?p=@bcc-code/icons)

这一一揽子方案的基础是: [圆形 SVG 图标](https://github.com/marella/material-design-icons/tree/main/svg/rounded) 从 [材料符号](https://fonts.google.com/icons?icon.style=Rounded)。一些图标可能在未来由设计团队重新设计并替换默认图标.

## 安装和使用

参见 [文档](https://developer.bcc.no/bcc-design/icons) 用于安装指令和使用信息.

## 更新图标

### 自定义/ 覆盖图标

然后添加自定义图标 `custom-icons` 文件夹。 这些将在构建过程中被合并到默认图标上.

确保替换 `fill` 属性为 `currentColor` 以允许色彩覆盖.

### 谷歌图标

不编辑图标 `google-icons` 在目录中添加一个同名文件 `custom-icons` 它将覆盖相同的 google 图标

```
pnpm install
```

下载并优化 Google 图标 :

```
pnpm google-icons
```

### 发布新版本

一个新版本可以通过运行 [创建新版本](https://github.com/bcc-code/bcc-design/actions/workflows/icons-create-version.yml) gitHub的工作流程。 这将更新该版本在 `package.json`并创建新的 [释放](https://github.com/bcc-code/bcc-design/releases) 在 GitHub 中。 维护者可以发布此版本, 之后新版本将随 Npm 一同被推向 npm `latest` 标签.

所有对主人的承诺都会在 `dev` npm 上的标记,所以即使新版本还没有出来,也可以立即测试并安装.

## 许可证

此软件包根据 [Apache 2.0 许可证](https://npmcn.com/package/%40bcc-code/icons/LICENSE)。 。 。 .

## 常见问题

### @bcc-code/icons 是什么？

BCC设计系统中使用的图标,由材料符号改编而来\.

### 如何安装 @bcc-code/icons？

在项目目录运行 npm install @bcc-code/icons，或使用 pnpm add / yarn add / bun add。

### @bcc-code/icons 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/bcc-code\_\_icons 是否存在。

### @bcc-code/icons 可以商用吗？

@bcc-code/icons 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @bcc-code/icons 的下载量有多少？

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

### @bcc-code/icons 还在维护吗？

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