0

0

如何在以前阿里图标库加图标_如何在以前阿里图标库加图标图文步骤详解

冷漠man

冷漠man

发布时间:2025-12-30 18:01:36

|

731人浏览过

|

来源于php中文网

原创

答案:可通过项目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、点击项目管理页中的“上传图标”按钮,弹出文件选择窗口。

Fireflies.ai
Fireflies.ai

自动化会议记录和笔记工具,可以帮助你的团队记录、转录、搜索和分析语音对话。

下载

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 文件完成更新。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

402

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

528

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

306

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

74

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

721

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

714

2023.11.06

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

988

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

49

2025.10.17

桌面文件位置介绍
桌面文件位置介绍

本专题整合了桌面文件相关教程,阅读专题下面的文章了解更多内容。

0

2025.12.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 8.1万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 3.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号