首先我们进入阿里图标库网站https://www.iconfont.cn/
点击我的项目
在项目中使用阿里图标
在这随便创建一个项目名称,一般和开发的项目名一致,创建完项目
在项目上方搜索想要的图标的名称
图标添加至创建的项目中

  • 首先把图标添加入库
    在项目中使用阿里图标

  • 添加至项目中
    在项目中使用阿里图标
    在项目中使用阿里图标
    接下来就是使用,这图标:

  • 点击生成代码
    在项目中使用阿里图标

  • 把生成的代码,引用到项目中:
    在项目中使用阿里图标
    在项目中使用阿里图标

  • 搜索生成的//at.alicdn.com/t/font_1924247_o4747npr1uf.css
    在项目中使用阿里图标

  • 在页面html上使用:
    在项目中使用阿里图标

  • 图标也可以直接下载下来,下载时可以需要的颜色,直接在项目中使用
    在项目中使用阿里图标
    阿里的图标使用起来真的非常方便,并且图标 的种类非常多,兼容性也非常不错。

相关文章: