Iconfont

Iconfont（https://www.iconfont.cn/）是阿里巴巴提供的矢量图标资源与管理平台。对产品团队来说，真正要解决的是：一套界面图标如何被搜索、收拢、导出，并在授权清楚的前提下进入设计和开发流程。

按业务语义搜索，而不是按“好看”

进入站点后先用业务语义词搜索，例如“设置”“下载”“警告”“收藏”，再在结果里筛线条粗细、圆角和视觉语言。先收敛候选集，再定风格，能避免同一产品混用多套画法。搜索结果若来自不同上传者，先看预览一致性，再决定是否纳入同一套界面。

项目越大，越要尽早淘汰重复含义的符号。同一个动作出现三种画法，比缺一个图标更伤体验。若团队同时维护浅色与深色主题，选型阶段就要确认线宽与留白在两种背景下是否都可读。

用项目符号库收拢一套界面图标

项目视角比单次下载更重要：导航、按钮、空状态、设置项最好落在同一项目符号库里统一命名和分组。后续设计师替换符号时，开发才能按名称定位引用点。

• 设计阶段：先收敛候选集，统一风格后再定稿。
• 开发阶段：只导出当前迭代需要的子集，减少仓库里的无用资源。
• 交接约定：统一命名前缀（例如按模块），并在导出清单中注明页面位置。

图标更新后按项目导出并回归关键页面，比全站肉眼排查漏换更稳。项目备注里留下来源与选用原因，方便半年后回溯。

导出给设计和前端时怎么选格式

导出时常见形式包括 SVG、字体和图标相关代码资源。Web 优先 SVG，便于按需引用和颜色控制；若存量项目只能使用字体图标，单独维护一版导出，不要强行一套打天下。字体图标还要额外注意基线对齐、语义化和包体积。

图标上线后若出现显示不全或颜色异常，优先检查导出格式是否匹配前端组件，而不是立刻换图标。项目符号库保持更新记录，能帮助新成员快速理解当前界面在用哪套符号。

上线前必须核对的授权点

Iconfont 上的图标授权取决于具体资源或其上传者设定，不能默认站内全部可商用。正式上线前至少核对四件事：是否允许商用、是否允许修改、是否需要署名，以及是否涉及商标、人物形象或第三方 IP。

部分项目管理、上传或下载能力需要登录账号后才可使用，具体以站点当前界面为准。把授权核对写进发布检查清单，并在符号库或设计规范里同步记录结论，通常比上线后紧急替换侵权图标成本低得多。