@devslab/ds-icons (英语)
方向消费者加 dds-icon--directional; 包装
direction-policy.json 在 RTL 中映射图标的真伪源
和其物理方向必须保持不变的图标.
🌐 한국어
DDS图标集——每个图标一个SVG源(24个网格, currentColor圆形
盖子),以三种形态运输,消费者实际需要. Spec 第3.7节,作为
经修正 D-013 (英语)。 。 。 .
| 艺术 | 导入 | 对于 |
|---|---|---|
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 制造器,安全部门改革) |
import { icons } from "@devslab/dds-icons";
const i = icons.phone; // { viewBox, strokeWidth, set, body }
<!-- 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编号 :height24个fill="none", (中文(简体) ),stroke="currentColor"圆顶并加入- 文件的任何地方没有颜色文字,也没有
stroke编号 :fill编号 :style身体中的覆被——颜色和重量是继承的,总是 - 中风宽度是集的(1.6个核心/1.8个站点);第三个值表示一个 图标从别处掉入
- 小写 kebab- case 名称, 名称中没有大小或颜色
不是故意来的
没有生成反应/ Vue/RN 组件 。 每个 spec §2 框架包 仅仅在框架产品完成后存在;路径数据地图是什么 从今天起,每个消费者都可以建设.
现场画廊 : preview/icons.html (运行) pnpm build (第一编).