个人技术分享

一、简介

阿里巴巴矢量图标库(Iconfont)是一个由阿里巴巴提供的矢量图标库,包含了大量的矢量图标,可以供设计师和开发者在线浏览和下载使用。这个库的图标都是由用户上传和分享的,因此种类非常丰富,几乎涵盖了所有可能需要的图标类型。

二、下载

官网进入:https://www.iconfont.cn/

点击 ICON图标库进入

在上面搜索栏中可以搜索你想要的icon图标

点击  “添加入库”

往下滑点击灰色的小车

点击“添加至项目”

点击“新建项目” “输入项目名” 确定

在“资源管理器”中“找到” “我的项目” 里面有你上面所创建的所有项目,找到你想使用的项目

点击“下载至本地”

三、使用

下载完会有一个压缩包,直接解压。

解压完可以改个喜欢的名字,然后我把它放在了src文件夹下

在main.js中引入“iconfont.css“”

     

然后我们可以在这个样式表中看到”图标的名称“

在页面中使用图标