使用阿里巴巴矢量库icon图标教程

时间:2024-03-23 07:15:02

阿里巴巴矢量库官网:https://www.iconfont.cn/

1.在首页选择图标库
使用阿里巴巴矢量库icon图标教程
2.你可以在别人的图标库里查找使用自己需要的图标
使用阿里巴巴矢量库icon图标教程
3.你也可以搜素查找自己需要的图标使用阿里巴巴矢量库icon图标教程
4.点击图标你可以进行进行 添加进库,收藏,下载图标操作 这里选择收藏进库使用阿里巴巴矢量库icon图标教程
5.页面右上角购物车图标就是你的库点击该图标-可以看到你选择的图标都在里面了-选择添加进项目使用阿里巴巴矢量库icon图标教程
6.在图标管理一栏选择我的项目打开使用阿里巴巴矢量库icon图标教程
7.选择下载到本地使用阿里巴巴矢量库icon图标教程
8.解压下载好的文件使用阿里巴巴矢量库icon图标教程
9.文件夹的demo_index.html(教程页面)打开选择Font class一栏使用阿里巴巴矢量库icon图标教程
10.我们需要先向项目导入iconfont.css 注意一点要复制整个文件夹不然会因为缺少配置文件而报错编译失败使用阿里巴巴矢量库icon图标教程
11.挑选相应图标并获取类名应用于页面 记得把.给去了使用阿里巴巴矢量库icon图标教程
12.完成添加图标使用阿里巴巴矢量库icon图标教程
有兴趣的话就点进去看下吧
https://www.bilibili.com/video/av95345968/