# @devslab/dds-icons 中文文档

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

版本：0\.33\.0
npm 元数据更新时间：2026-11-11T18:59:31.857Z
中文译文更新时间：2026-11-12T04:12:59.788Z
软件包许可：SEE LICENSE IN LICENSE

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

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

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

- 包体积（解压后）：51.6 kB，59 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2026-08-30T20:25:04.017Z
- 最新版本发布：2026-11-11T18:59:31.485Z
- 近 30 天下载量：3505（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：46（近 12 个月 46 个）

## 中文简介

DDS 图标集 — 一个 SVG 源( 24 个网格, 当前 Color) , 以文件、 图示和路径数据映射方式运出

## 安装

```sh
npm install @devslab/dds-icons
```

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

## README

# @devslab/ds-icons (英语)

方向消费者加 `dds-icon--directional`; 包装 `direction-policy.json` 在 RTL 中映射图标的真伪源 和其物理方向必须保持不变的图标.

🌐 [한국어](https://npmcn.com/package/%40devslab/dds-icons/README.ko.md)

DDS图标集——每个图标一个SVG源(24个网格, `currentColor`圆形 盖子),以三种形态运输,消费者实际需要. Spec 第3.7节,作为 经修正 [D-013 (英语)](https://npmcn.com/package/docs/decisions.md)。 。 。 .

| 艺术 | 导入 | 对于 |
| --- | --- | --- |
| `dist/svg/*.svg` | `@devslab/dds-icons/svg/phone.svg` | 修建管道, `<img>`,设计工具 |
| `dist/icons.svg` | `@devslab/dds-icons/icons.svg` | 网络图示 - `<use href="…/icons.svg#dds-phone">` |
| `dist/icons.js` (+ 数) `.d.ts`(中文(简体) ) | `@devslab/dds-icons` | 任何建立自身元素的运行时间(RN, `createElementNS` 制造器,安全部门改革) |

```js
import { icons } from "@devslab/dds-icons";

const i = icons.phone; // { viewBox, strokeWidth, set, body }
```

```html
<!-- inline, inherits the surrounding color and font-size-independent size -->
<button class="dds-iconbtn" aria-label="Call">
  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
       stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <!-- icons.phone.body -->
  </svg>
</button>
```

## 两套

-   **核心项目** (单位:千美元)`svg/*.svg`)——产品UI. 名称为函数形状 (单位:千美元)`chevron-down`, (中文(简体) ), `external-link`, (中文(简体) ), `globe` ——无旗倒地为一 语言选择器触发器); 从 AskLinq 继承的22个名称 部件保持精确的拼写, 因为重命名会打破直播 纸牌图标.
-   **站点** (单位:千美元)`svg/site/site-*.svg`,中风 1.8)——devslab. kr 为 32–40px营销显示. 这个 `site-` 前缀是名称的一部分 文件夹只是组织.

产品控制用途 `settings` 优惠(一齿轮), `log-out` 页:1 出门而出, `search` 搜索字段和 `chevron-down` 用于选择触发器. `tool` 仍然是修理/工具行动; `arrow-right` 保持方向导航.

## 规则 `scripts/check-icons.mjs`,所以 CI 失败,没有审查)

-   `viewBox="0 0 24 24"`, (中文(简体) ), `width`编号 :`height` 24个
-   `fill="none"`, (中文(简体) ), `stroke="currentColor"`圆顶并加入
-   文件的任何地方没有颜色文字,也没有 `stroke`编号 :`fill`编号 :`style` 身体中的覆被——颜色和重量是继承的,总是
-   中风宽度是集的(1.6个核心/1.8个站点);第三个值表示一个 图标从别处掉入
-   小写 kebab- case 名称, 名称中没有大小或颜色

## 不是故意来的

没有生成反应/ Vue/RN 组件 。 每个 spec §2 框架包 仅仅在框架产品完成后存在;路径数据地图是什么 从今天起,每个消费者都可以建设.

现场画廊 : `preview/icons.html` (运行) `pnpm build` (第一编).

## 常见问题

### @devslab/dds-icons 是什么？

DDS 图标集 — 一个 SVG 源\( 24 个网格, 当前 Color\) , 以文件、 图示和路径数据映射方式运出

### 如何安装 @devslab/dds-icons？

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

### @devslab/dds-icons 支持 TypeScript 吗？

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

### @devslab/dds-icons 支持 ESM 还是 CommonJS？

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

### @devslab/dds-icons 可以商用吗？

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

### @devslab/dds-icons 的下载量有多少？

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

### @devslab/dds-icons 还在维护吗？

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