1、进入 iconfont网址,注册登录
2、图标管理 -> 我的项目 -> 新建项目
![](https://img.haomeiwen.com/i1613103/10b2a6bd401b7fa6.png)
![](https://img.haomeiwen.com/i1613103/32a61134a1d5c384.png)
3、新建完成之后,往项目里添加图标,搜索找到需要的图标,然后添加至购物车
![](https://img.haomeiwen.com/i1613103/eb32c9557bee7772.png)
4、将购物车中的图标添加至我们的项目中
![](https://img.haomeiwen.com/i1613103/852878eefe0aa83e.png)
5、将项目中的图标全部下载到本地
![](https://img.haomeiwen.com/i1613103/f7f9bcc997927d7b.png)
下载完成之后的文件夹目录,将该文件夹整个拖入项目中
![](https://img.haomeiwen.com/i1613103/f025dbd9555f8c99.png)
6、最后一步,在项目中使用(react 为例)
import './font/iconfont.css';
固定类名 iconfont + 图标名字
<i className="iconfont icon-wuli" style={{color: "red"}}></i>
页面中出现图标
![](https://img.haomeiwen.com/i1613103/df1732de5ad2aa7c.png)
网友评论