如何使用阿里图标

今天来聊一聊阿里图标库怎么使用?

图标库的应用范围很广，在各种页面都会使用。在封装组件库的时候也不可避免地会使用。我们今天来看看市面最火的阿里图标库是如何使用的？

第一步：

​ 百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过;

第二步：

​ 找到资源管理，创建一个属于自己的项目(这个项目主要用来存放自己的图标)

第三步：

​ 项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然后添加到购物车;

第四步：

​ 进入到自己的项目中，将图标下载到本地，然后解压。

‘

第五步：

​ 在你的项目中引入iconfont.css 文件

第六步：

​ 使用可以利用i标签或者span标签，添加类名，其中一个类名是固定的 iconfont ，另一个类名是icon-所需要的类名。

一个类名是固定的 iconfont ，另一个类名是icon-所需要的类名。

以上步骤就是使用阿里图标的所有步骤！