阿里巴巴iconfont的使用方法

阿里巴巴iconfont图标库，支持矢量图，大部分图片免费使用，支持自定义图标。在国内算是比较好的一个矢量图标库了。
下面是我自己使用的一些记录
下载到本地的使用方法
1.首先在这平台上需要一个账号，https://www.iconfont.cn/search/index
2.登录后，在我的项目中创建一个项目
3.根据项目要求，把你需要的图标搜索出来，并加入到项目中
4.编辑图标，根据项目要求，重命名图标的名称
5.点击下载到本地，解压放到一个文件下

image.png

6.在页面中引入图标文件

7.调用
调用的方法有两种

1.  //直接通过16进制代码访问
2.  //通过名称访问

使用的demo如下：

  
  
  


  

    

      

          

            

              
              
            

              
            
          
      
    
  

总结：需要注意的地方只有三个，一是引入iconfont.css，二是创建一个span或者i标签并给一个iconfont的类名，三是找到图标对应的unicode写在标签中，就是以&符号开头的那个。