【萌芽笔记】SVG图标的使用

萌芽总结一下关于SVG矢量图的使用，除了代码量比较大其他都非常的NICE！你还在用png当图标吗？来一起学习吧！

SVG矢量图库：

【推荐】阿里爸爸矢量图标库：https://www.iconfont.cn/

https://icomoon.io/app/#/select

Linearicons：https://linearicons.com/

SVG图片转代码：

菜鸟在线转换：https://c.runoob.com/more/svgeditor/

可以将刚刚下载好的SVG转换为代码！

SVG代码使用

其实复制粘贴就可以使用啦，这里涉及到关于SVG图片宽高颜色的问题

默认宽高为px，颜色在最后的fill里面更改就可以啦！你学会了嘛？马上用起来！

附带

如果你是MUI框架的话一定不要错过这一篇！mui如何增加自定义icon图标！

http://ask.dcloud.net.cn/article/128