旧版阿里图标库添加图标图文教程

文章不知道大家是否熟悉？今天我将给大家介绍《如何在旧版阿里图标库添加图标图文教程》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

答案：可通过项目ID进入旧版图标库管理页，上传SVG文件或手动合并下载包添加图标。首先登录账号，从“我的项目”中获取目标项目的ID，构造URL访问旧版管理页面；随后点击“上传图标”选择SVG文件并检查预览效果，确保无错误后编辑名称与Unicode码点并保存；若上传功能失效，则下载现有字体包，将新SVG文件放入"icon-svg"目录，并在"iconfont.json"中添加对应图标信息，最后压缩并替换原字体包完成更新。

如果您希望在已有的阿里图标库项目中添加新的图标，但发现旧版图标库界面与当前操作流程存在差异，则可能是由于阿里图标库已升级为 Iconfont 平台，旧版管理方式不再适用。以下是针对旧版阿里图标库添加图标的详细操作步骤：

本文运行环境：Windows 11 专业版，Google Chrome 128

一、通过项目 ID 进入旧版图标库管理页

旧版阿里图标库（即 iconfont.cn 早期版本）依赖项目 ID 定位，需手动构造 URL 访问对应项目后台。此方法适用于仍保留原始项目链接或能获取项目 ID 的情况。

1、打开浏览器，访问 https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.d75433912&manage_type=myprojects，登录您的阿里图标库账号。

2、在“我的项目”列表中找到目标项目，点击右侧的“编辑”按钮，进入项目详情页。

3、观察浏览器地址栏 URL，提取其中形如 projectId=1234567 的参数值，该数字即为项目 ID。

4、将该项目 ID 替换进以下模板链接：https://www.iconfont.cn/manage/project/detail?projectId=1234567，回车访问旧版项目管理页。

二、上传 SVG 文件至旧版项目

旧版图标库支持直接上传 SVG 格式文件，系统会自动解析路径并生成 Unicode 编码。上传前需确保 SVG 符合规范，否则无法成功入库。

1、点击项目管理页中的“上传图标”按钮，弹出文件选择窗口。

2、选择单个 SVG 文件，或按住 Ctrl 键多选多个 SVG 文件，确认上传。

3、上传后页面显示预览缩略图，检查每个图标是否清晰、无偏移、无填充色块；若出现红叉或空白预览，说明该 SVG 包含不兼容元素（如渐变、滤镜、外部引用）。

4、点击每张缩略图下方的“编辑”链接，进入图标属性页，手动修改图标名称、Unicode 码点（可选），勾选“加入当前项目”后保存。

三、使用本地下载包手动合并图标

当旧版网页端上传功能失效或提示“接口不可用”时，可通过下载现有项目字体包，在本地修改后重新上传整包的方式实现图标追加。

1、在旧版项目页点击“下载至本地”，选择“Font class”格式，解压 ZIP 包。

2、将新增的 SVG 图标文件复制到解压目录下的 "icon-svg" 子文件夹中。

3、打开目录内 "iconfont.json" 文件，使用文本编辑器在 "glyphs" 数组末尾添加新图标对象，结构需包含 "name"、"unicode"、"font_class" 字段，且 "unicode" 值不得与其他图标重复。

4、重新压缩整个文件夹为 ZIP，返回项目管理页，点击“替换字体包”，上传该 ZIP 文件完成更新。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。