IcoMoon 是由官网自称提供的矢量图标工具,面向图标包的设计、整理、重混与发布。它提供运行在浏览器中的 SVG 编辑器,编辑界面与代码编辑器可以双向反映修改结果;同时支持项目协作、字体与 SVG 导入,以及多种图标格式导出。与多数矢量编辑器不同,IcoMoon 使用 SVG 来渲染 SVG,因此图形界面中的变更会同步到代码编辑器,代码中的变更也会反映回界面。新应用无需注册即可开始创建,并采用 PWA 与离线优先设计,可在移动设备和离线状态下使用。
核心功能
SVG 图标编辑
IcoMoon 提供面向精确、快速图标设计的 SVG 编辑器。编辑器使用 SVG 渲染 SVG,图形界面的修改会反映到代码编辑器,代码编辑器中的修改也会同步回图形界面。官网展示了桌面与移动端编辑界面,并说明应用支持所有屏幕尺寸。
图标包设计与整理
工具支持围绕单个字形或完整 SVG 图标包开展设计、整理和重混。用户可以在项目中选择需要的图标,并将其组织成图标包后继续编辑或发布。官网还展示了使用 IcoMoon 自有矢量编辑器设计的 Harmonicons 和 Orbiters 图标集。
团队协作与权限分享
项目可以与团队成员共同处理单个字形或整个 SVG 图标包。分享项目时支持受限权限,官网明确列出了只读权限,因此项目分享不只限于完全开放编辑。
多色字体与连字
IcoMoon 可以只选择项目所需的图标,以生成更小、更优化的多色图标字体。字形还可以分配连字,生成的彩色字体使用 COLRv0 格式;官网说明该格式受到现代浏览器和操作系统支持。
图标库浏览与快速使用
内置图标库包含超过 20000 个免费的开源 SVG 图标,图标集经过筛选,并针对 IcoMoon 应用进行像素适配和优化。库中提供复制和下载工具,用户无需先把图标加入项目,就可以直接以所选格式进行一次性使用。
多格式导入与导出
应用可以导入 WOFF、WOFF2、TTF、OTF 等字体格式,也可以导入 SVG 图像或 SVG 字体。导出格式包括字体、SVG 图像、SVG Sprites、Web Component、Elm、React、Vue、Tiles、PNG-24、Indexed PNG、Favicon、CSH 和 Flutter 等,官网还提到支持更多格式。
使用方式
IcoMoon 的新应用运行在浏览器中,开始创建不需要注册。它是 PWA,并采用离线优先方式,可以添加到主屏幕或 Dock,在离线时继续访问 SVG 编辑器。应用支持移动设备触控和不同屏幕尺寸;项目可与团队成员共享。使用时可以导入字体或 SVG,也可以将图标导出为字体、SVG、组件、图片及其他官网列出的格式。
适用人群与场景
需要制作单个 SVG 图标的用户,可以使用编辑器在图形界面和代码之间同步调整。整理图标包或制作字体的用户,可以筛选所需字形、添加连字并生成多色图标字体。团队成员可以共同编辑单个字形或完整图标包,并通过只读权限分享项目。需要快速取用现成资源的用户,可以从免费开源图标库中复制或下载图标,而不必先建立项目。