图标库有很多，例如： Font Awesome ， bootstrap 等，阿里巴巴也提供了很强大的免费图标库：iconfont，下面就来介绍一下免费的使用方法。
1、登录阿里巴巴矢量图标库，网址：https://www.iconfont.cn/
2、登录账户（可以用微博、GitHub账号直接登录）
3、搜索自己需要的图标，例如：手机，不得不说，图标非常之多！（下面显示的只是部分内容）
4、选取自己需要的图标，添加入库
5、搜索并添加自己需要的其他图标入库，例如我添加了一些
6、引用阿里图标库的方法有三种，分别是：调用阿里cdn远程引入，下载图标引入图标文件（支持PNG和SVG和AI格式图片下载），下载图片字体文件自行引入（下载下来的压缩包中有演示文档及使用说明）
7、对于阿里图标库中不存在的图标或者说，你没有搜到这款图标，但是你在别的图标库中下载到了这款图标的话，你还可以将该图标上传到你的项目里面去，这样，你就可以通过阿里图标库来调用这款图标了。
以阿里CDN引入为例：
每个图标需要引入时，只需要先引入阿里云提供的cdn，然后在需要添加图标的地方添加如下代码就可以了：
<i class="iconfont 这里是图标代码"></i>
「真诚赞赏，手留余香」
求资源网
真诚赞赏，手留余香
使用微信扫描二维码完成支付
转载请注明：首页 > 投稿 » 阿里巴巴矢量图标库怎么用（阿里巴巴图标iconfont使用方法）
你可能喜欢:
继续浏览有关教程的文章
发表评论
版权声明
求资源网所发布的一切破解补丁,软件,以及其他分析文章仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途。
否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如有侵权请邮件与我们联系处理。