Iconfont实现多色icon

1.引入iconfont的js文件

iconfont.js

有两种引入方法：
1.下载到本地然后在入口文件中引入
2.直接引入给的链接

引入之后，自定义一个类名
我这里是在common.css文件里：

.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
 }

然后就能在项目中使用啦：

 <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-QQ" />
          </svg>

效果：

image.png