awesome图标库太大如何解决

Question

有个疑问：当我们在引入图标库比如awesome 时，也许在我们页面时可能只会用到几个图标，但是我们却要引入整个图标库，文件体积太大，这样是不是代价太高了。有什么解决方式。

Answer 1

1.在淘宝矢量图标库里自己选，用什么加什么，地址
2.图标不大的话，可以转成base64或者直接用svg直接放在页面里。

Answer 2

用阿里图标库吧，可以只下载你想用的图标阿里图标库iconfont

或者图标少的话自己制作也可以的

Answer 3

这个问题是为了解决elementUi 引入第三发图标库而想到的，思考后发现其实不用引入第三方库。我们可以自定义图标
比如： "el-icon-fa-self-test"是我们自定义的样式，而elememtUi还会给所有el-icon开头的class一个图标的基本样式，然后添加样式
.el-icon-fa-self-test:before{

content:"";
display: inline-block;
width: 14px;
height:14px;
background: url(all.png) center center no-repeat; //背景图自定义
background-size: 100%;

}
到组件内或者全局样式中。
这样基本可以实现一个icon