Skip to content

如何把svg转为字体图标

首先,要获得SVG。MasterGo里可以导出。一开始我企图用PNG转成字体图标,问Cursor,它也说ok但其实转不了吧……

SVG代码拷贝到编辑器里,保存发现是XML文件,这个文件没办法直接上传到icomoon,于是我发现了这个网站,直接可以把SVG代码转为SVG文件。

然后就可以去 iconmoon 里上传SVG了。

传好后获得字体和样式的包,解压,放到src里。我是放到了assets里。

接下来就是代码的事了。

第一步,放到入口html: public/index.html

html
<link rel="stylesheet" href="<%= BASE_URL %>/assets/style.css">

第二步,全局使用

html
<span class='icon-warning'></span>

class名是之前自己定义的。

Released under the MIT License.