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

目录: 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检查和可复制名称。