阿里图标库的使用说明

首先附上阿里图标库的网址：https://www.iconfont.cn/

如果你要使用阿里图标库里的图标，你必须得有账号，如果没有，那就去注册一个，或者直接用你的github 账号登录也可以

关于使用：

1.可以直接下载下来， 下载的后缀名可以选择，

 

放到你项目的images(或icons) 目录下，命名，然后就可以使用啦：

比如：一般图标和后面的文字在一行展示，所以用span包裹下：

<span>
    <img src="./images/home.png" width="30" height="30" alt="">我的svg图标
</span>

2.使用UIcode(16进制) 码：

.iconfonthome: before {

    content: "\d23d"

}

说明下：你自定义一个类名，然后内容是此图标的Uicode 码，写到你们项目的公共样式中去：比如：iconfont.css 文件

像这样：

// 自定义class 名
.className: before { 

  content: "\d23d" // 内容

}

然后在需要的dom元素上添加这个类，即可。

注意：是这种格式：iconfont youriconfontcls 

3.

<i class='tab_cls'>&#xe64f;</i>

4. 请参考此篇博客，很详细。https://blog.csdn.net/sanlingwu/article/details/83097641