如何合并两个图标库

本文介绍了如何在项目中合并两个不同的图标库,通过使用IcoMoon工具进行图标库的导入、选择和生成,以便在项目中统一使用。具体步骤包括导入SVG文件,全选图标,设置新库名称,最后下载生成的字体文件。
摘要由CSDN通过智能技术生成

最近在项目中碰到了要合并两个icon库的需求:我们项目本来用的是bootstrap提供的glyphicons,但是现在需要用一个别的库的icon,想把这两个库合并在一起供项目使用,研究了一番后整理个教程吧~

利用https://icomoon.io/app/#/select 这一工具进行这两种图标库的合并,操作步骤如下:

导入图标库

点击页面左上角的import icons,分别导入我们本地的两个字体,注意此时只导入各个图标库的.svg文件。
这里写图片描述

现在我们已经成功地把本地原来的图标库和新图标库导入进来了:

这里写图片描述

合并图标库

接着就是选择我们需要合并的图标,一般情况下,就是全选这两个图标库的所有图标就可以了:

1.点击图标库名称左边的三角展开该图标库:

这里写图片描述

2.单击每个图标库右侧的汉堡按钮,在弹出的菜单中选择select All。这样就全选了该图标库的所有图标:

这里写图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值