svg转化成icon图标的方法

时间:2024-04-04 19:48:14

通过这个官网来讲svg转化成icon图标https://icomoon.io/app/#/select

首先先键可以空的项目

svg转化成icon图标的方法

出现如下目录

svg转化成icon图标的方法

上传你的svg文件

svg转化成icon图标的方法

选中上传后的图片,兵点击generate font预览

svg转化成icon图标的方法

鼠标放在对应的项上回显示出get code使用方法,确认之后点击downlond下载

svg转化成icon图标的方法

解压下载好的文件夹

将解压后的font文件夹和style.css拿出来放到你的项目中。(其他的文件用不上)

svg转化成icon图标的方法

使用直接看官网上的get code中的使用方式直接用

如果你没有将font文件夹和style.css文件放在同一文件夹下需要单独进入style.css文件中设置字体的路径

svg转化成icon图标的方法