SVG 代码修改

如果导出的svg，想要在代码里面修改颜色

关键属性stroke和fill 修改值即可

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg> 

比如说我们有这么一个圆的svg， 那么我们想要修改块内的颜色，我们可以修改fill属性

如果修改线条，我们可以修改stroke属性

如下图所见

image.png

嗯就这么简单啦。

从figma上面导出的一样会有这些属性。

Iconfont

比如我在iconfont上面icon到项目里了，或者说 我添加了别人的icon到一个项目里，这时候

image.png

然后把对应的id复制下来即可，如下

image.png

我们也可以进行修改颜色

image.png

引用资源

iconfont 官方指导使用

在线参试链接