@risklab/icons

中文文档
1.1.0发布于 2026/11/02Apache-2.0TypeScriptES Module零依赖

原始的、可访问的、与框架无关的SVG图标,用于数据丰富的界面。

中文使用文档

RiskLab图标

一个原创的,框架中立的SVG图标系统,用于专业界面。每个图标都使用相同的24x24几何形状、圆形笔画语法、可访问的呈现契约和当前颜色主题。

RiskLab Icons catalog showing 525 SVG icons with search and category filtering

目录: rpwalsh.github.io / ?视图=所有

import { icon, searchIcons } from '@risklab/icons';

target.innerHTML = icon('database-check', { size: 20, label: 'Database verified' });
console.log(searchIcons('navigation'));
<script type="module" src="@risklab/icons/element"></script>
<risklab-icon name="chart-line" label="Trend chart"></risklab-icon>

该包包括单个SVG文件、组合符号精灵、类型化字符串呈现、元数据搜索和自定义元素。艺术作品是由RiskLab自己的几何语法生成的;它不包含标识、品牌标记或可追踪的第三方资产。

对于零依赖渐进增强:

<span data-risklab-icon="shield-check" data-icon-size="20" aria-label="Verified"></span>
import { hydrateIcons } from '@risklab/icons';
hydrateIcons();

中的可搜索目录 catalog/ 预览从100多个独立绘制的基础字形构建的500多个生成的资产。它支持类别过滤、SVG检查和可复制名称。

版本与发布记录

@risklab/icons 共发布 3 个版本,首次发布于 2026/11/02;过去 12 个月发布了 3 个版本。

版本发布日期距今
1.1.0latest2026/11/021 天前
0.0.0-stage2026/11/021 天前
1.0.02026/07/173 个月前

关于 @risklab/icons 的常见问题

@risklab/icons 是什么?

原始的、可访问的、与框架无关的SVG图标,用于数据丰富的界面。

如何安装 @risklab/icons?

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

@risklab/icons 支持 TypeScript 吗?

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

@risklab/icons 支持 ESM 还是 CommonJS?

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

@risklab/icons 需要什么版本的 Node.js?

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

@risklab/icons 可以商用吗?

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

@risklab/icons 还在维护吗?

最新版本 1.1.0 发布于 2026/11/02(1 天前);至今共发布 3 个版本,其中过去 12 个月发布了 3 个;首次发布于 2026/11/02。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。