小程序使用iconfont彩色图标(wxss与组件引用)

iconfont-tools 

可以将 iconfont 生成的 Symbol 转换成 可以直接引用的 wxss 或 小程序组件

更新:

Figma 导出的SVG 在导入到iconfont 有时会黑成一坨

使用插件 Fill Rule Editor 可以解决!


更新:

如果SVG宽高是不一样的话直接将SVG转成 DataURL,并替换wxss内容即可

SVG转DataURL


更新:

生成的icon组件有些错误,需要手动修改下!

icon.wxss 修改图标的background 为 background-image  防止样式覆盖

<cover-view style=" {{ size }}rpx;height: {{ size }}rpx;"></cover-view>

最近不想打字....

不过这个是真的妙啊~

原文地址:https://www.cnblogs.com/iblackly/p/13604434.html