设置图标规则
所有控制均在客户端应用。尺寸单位为像素,描边宽度保留一位小数,导出的符号保留 currentColor,以便稍后在 CSS 中重新着色。
没有图标匹配当前的搜索和类别筛选。请尝试清除搜索词或切换回所有类别。
精灵图导出
批量输出包含每个选定图标的 <symbol>。稍后使用 <use href="#icon-name"> 引用每个图标。如果未选择任何内容,导出操作将保持禁用状态并显示提示。
选择一个或多个图标以生成精灵图预览。
工作原理
图库使用直接存储在页面中的内联 SVG 标记。输入经过清理并限制在安全范围内,然后立即重新渲染,确保预览和导出的标记保持同步。
1. 筛选库
使用关键字搜索和类别筛选器缩小图标列表范围。搜索同时匹配图标名称和标签,因此宽泛的术语依然有效。
2. 调整展示
2. 调整演示样式
尺寸、描边宽度、端点样式和预览颜色会更新所有可见图标。预览背景有助于在不改变导出 SVG 填充的情况下检查对比度。
3. 导出所需内容
复制或下载任何单个图标,或选择一组图标并生成一个精灵图表。精灵图 ID 使用您选择的前缀,并清理为全小写的安全名称。