Fontello 是一个在线图标选择与自定义工具,页面以“Custom Icons”为入口,提供预设图标集合,并允许将自定义 SVG 图标或 SVG 字体拖放到页面中。它的主要特点是把多个图标资源集合放在同一个选择界面中,包括 Fontelico、Font Awesome、Entypo、Typicons、Iconic、Modern Pictograms、Meteocons、MFG Labs、Maki、Zocial、Brandico、Elusive、Linecons 和 Web Symbols。每个集合都展示了名称、版本信息、作者以及许可证,便于在选择图标时查看资源来源和授权类型。
核心功能
自定义图标导入
页面提供“Drag custom SVG icons or SVG font here.”入口,可以将自定义 SVG 图标或 SVG 字体拖放到 Fontello 页面中。官网正文没有进一步说明导入后的处理流程、导出格式或文件数量限制,因此这里只能确认其提供了自定义 SVG 资源的拖放入口。
预设图标集合
Fontello 页面列出了多组可供选择的图标资源,包括 Font Awesome 4.7.0、Entypo 2.0、Typicons 2.0.2,以及 Fontelico、Iconic、Modern Pictograms、Meteocons、MFG Labs、Maki、Zocial、Brandico、Elusive、Linecons 和 Web Symbols。不同集合由不同作者或组织提供,页面直接展示对应的资源名称。
图标集合管理
页面顶部提供“clear all icons”和“clear selected icons”操作,分别对应清空全部图标与清空已选图标。由此可以确认,用户能够在当前页面对图标选择进行清理;官网正文未说明选择状态是否会保存,也未说明是否需要登录。
版本与作者信息展示
预设资源条目会显示版本和作者信息。例如 Font Awesome 标注为 v4.7.0、作者为 Dave Gandy,Entypo 标注为 v2.0、作者为 Daniel Bruce,Typicons 标注为 v2.0.2、作者为 Stephen Hutchings。部分集合的版本显示为“undefined”,官网正文没有提供更完整的版本号。
许可证信息查看
页面为不同图标集合标注许可证类型。Fontelico、Font Awesome、Entypo、Typicons、Iconic、Modern Pictograms、Meteocons、MFG Labs、Brandico 和 Elusive 标注为 SIL;Maki 标注为 BSD;Zocial 标注为 MIT;Linecons 标注为 CC BY。页面还为多个集合提供项目主页、社交账号或 GitHub 项目链接。
使用方式
Fontello 的页面需要 JavaScript 才能正常工作,并且在完全禁用 Cookie 时无法工作。官网正文展示的是浏览器中的图标选择界面,用户可以在其中选择预设图标,也可以把自定义 SVG 图标或 SVG 字体拖入页面。页面提供清空全部图标和清空已选图标的操作。正文没有提到客户端、浏览器插件、API、命令行、注册流程或自备模型 Key。
适用人群与场景
需要从多个图标集合中挑选资源的网页设计师,可以使用页面浏览 Fontelico、Font Awesome、Entypo、Typicons 等预设集合。拥有自定义 SVG 图标或 SVG 字体的设计与开发人员,可以通过拖放入口将资源带入页面。需要核对图标资源授权信息的使用者,可以查看每个集合显示的 SIL、BSD、MIT 或 CC BY 许可证,以及对应的作者和项目链接。页面内容也适合需要比较不同图标集合版本与来源的用户。
注意事项
官网明确提示,该站点需要 JavaScript 才能工作;如果 Cookie 被完全禁用,站点也无法工作。部分资源的版本显示为“undefined”,正文没有提供统一的导出说明、保存方式或价格信息。