# @duetds/icons 中文文档

规范地址：https://npmcn.com/package/%40duetds/icons/

版本：4\.3\.15
npm 元数据更新时间：2026-11-10T08:05:10.086Z
中文译文更新时间：2026-11-12T23:59:31.540Z
软件包许可：SEE LICENSE IN LICENSE\.md

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

原始 npm 页面：https://www.npmjs.com/package/%40duetds/icons
原文对照：https://npmcn.com/package/%40duetds/icons/?lang=original

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

- 包体积（解压后）：1.7 MB，930 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2019-03-14T08:03:40.879Z
- 最新版本发布：2026-11-10T08:05:09.888Z
- 近 30 天下载量：10326（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：338（近 12 个月 36 个）

## 中文简介

这个软件包包括Dutet Design系统图标及相关的公用设施.

## 安装

```sh
npm install @duetds/icons
```

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

## README

[![Build Status](https://lt-devtool.visualstudio.com/Duet%20Design%20System/_apis/build/status/Duet%20Design%20System?branchName=master)](https://lt-devtool.visualstudio.com/Duet%20Design%20System/_build/latest?definitionId=58&branchName=master) [![Version](https://img.shields.io/npm/v/@duetds/icons.svg?style=flat-square&label=icons)](https://www.npmjs.com/package/@duetds/icons)

# 二重奏图标

这个软件包包括Dutit图标和相关工具.

## 使用量

关于使用说明,请参见 Dutit 设计系统 [文档](https://www.duetds.com/iconography/)。 。 。 .

## 建筑

这个套件使用sass-lint,svglint,jsonlint来涂入.

文件 `scripts/prepublish.js` 用于构建用于出版的软件包.

在建构时,每个图标下方 `assets` 目录被转换为单个的C通JS模块. 每个模块都输出一个匹配以下类型的对象:

```ts
type DuetIcon = {
  tags: string // space-separated list of tags
  title: string
  svg: string
}
```

类型 `DuetIconName` 显示所有图标名称的 :

```ts
type DuetIconName = "action-add" | "action-add-small" // etc
```

这个 `main` 包的文件导出一个包含所有图标的单一对象,该对象符合以下类型:

```ts
type DuetIcons = Record<DuetIconName, DuetIcon>
```

## 添加新图标

1.  在后面命名新的 SVG 图标 [Dutit 的图标命名准则](https://www.duetds.com/naming/#icons) 把它们放进去 `src/assets` 目录.
2.  如果 SVG 图标没有优化, 必须在命令行中或命令行中使用 SVGO 进行 [sVGO的网络版本](https://jakearchibald.github.io/svgomg/)在网络上使用默认设置.
3.  下一个,运行 `npm run tags` 帮助您为任何新的图标添加标记.
4.  终于跑 `npm run build` 生成新建筑.

## 版权

版权所有:"2020" Local Tapiola/Turva.

## 常见问题

### @duetds/icons 是什么？

这个软件包包括Dutet Design系统图标及相关的公用设施\.

### 如何安装 @duetds/icons？

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

### @duetds/icons 支持 TypeScript 吗？

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

### @duetds/icons 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @duetds/icons 可以商用吗？

@duetds/icons 使用 SEE LICENSE IN LICENSE\.md 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

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

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

### @duetds/icons 还在维护吗？

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