使用iconfont彩色图标

概述:采用下载至本地导入,然后在前端代码里引用这个js。

步骤:

1、找到需要的图片,点击“添加入库”

使用iconfont彩色图标_第1张图片

2、可以添加到项目

使用iconfont彩色图标_第2张图片

3、选择Symbol,下载到本地

使用iconfont彩色图标_第3张图片

4.在本地下载路径中解压,将iconfont.js复制到项目src/assets路径下

使用iconfont彩色图标_第4张图片            ------>           使用iconfont彩色图标_第5张图片

5.在

6.挑选相应图标并获取类名,应用于页面.注意:在xlink:href="#"后面接的就是自己的图标的font-class,比如我这里的图标就是icon-lajitong。可以通过下图的“复制代码”得到,或者图标下面有写。

 使用iconfont彩色图标_第6张图片使用iconfont彩色图标_第7张图片

你可能感兴趣的:(icons,图标设计,css,html)