svg-icon 更改颜色, 精品教程

1.在svg源文件中, 找到你需要修改的path内原来固定的填充颜色值

将fill="#ddd"修改为fill=“currentColor”
2.在html中使用时 , 给svg文件dom元素加一个自定义类名

<svg-icon
   slot="prefix"
     icon-class="authorize_title"
     class="authorize_title"
   />
  //自定义类名为authorize_title

3.在样式中需要这样写

.authorize_title {
			width: 37px;
			height: 37px;
			fill: currentColor;
			color: blue;
		}

fill: currentColor; 不可缺少 , color 后面填你想填充的色值