更改图标颜色

1. 阿里图标

通过css样式修改颜色

<i class="iconfont icon-daochu" class="icon"></i>

.icon{
	color:skyblue
}

通过内联样式修改颜色

<i class="iconfont icon-daochu" style="color:skyblue"></i>

2. element图标

通过css样式修改颜色

<i class="el-icon-delete"></i>

i{
	color:skyblue;
}

通过内联样式修改颜色

<i class="el-icon-edit" style="color:skyblue"></i>

3. element-plus图标

通过css样式修改颜色

<el-icon><Share /></el-icon>

.el-icon{
	color:skyblue;
}

通过内联样式修改颜色

<el-icon color="#409EFC" class="no-inherit">
    <Share />
</el-icon>

参考：
如何在VUE项目中使用svg图
修改svg图标颜色方法