1、背景
前端开发的同学肯定有经常采用阿里巴巴矢量图标放到开发的项目中去,本来下载的图标是有颜色的,但是采用
<i class="iconfont icon-fasong"></i>
这样显示的方式是灰色的,如果需要设置颜色,可以采用
<i class="iconfont icon-fasong" style="color: blue;"></i>
但是就想直接使用从阿里巴巴矢量图标,那么怎么办?
2、解决办法
可以采用以下方式即可实现沿用原始图标颜色
<svg style="fill: currentColor;overflow: hidden;width: 1em;height: 1em;" aria-hidden="true">
<use xlink:href="#icon-AImoxing"></use>
</svg>