合并多次下载的iconfont字体图标

最新推荐文章于 2025-06-07 10:41:53 发布

原创最新推荐文章于 2025-06-07 10:41:53 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#字体图标

字体图标专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何使用icomoon网站合并多个SVG文件，实现图标资源的整合。步骤包括导入iconfont.svg文件，选择需要合并的图标，生成及命名字体图标，便于后续在项目中直接调用。

一. 进入https://icomoon.io/app/#/select这个网站来实现多个svg文件的合并,需要注意的是合并多个iconfont文件仅仅需要合并svg文件.

1:点击左上角  import icons 按钮导入具体的iconfont.svg文件.  

2:点击每个icon文件中具体需要合并的图标,或者点击文件夹右边汉堡图标的selectall将其全选.

3:点击右下角的generate font 图标生成图标. 

4:点击preference修改名字,和原来的名字一样最好,在引用的时候就不需要改路径了.

在这里插入图片描述