阿里图标库——批量下载图标

简介: 阿里图标库——批量下载图标

使用购物车实现批量下载

特别提醒:因官网批量下载数量限制,以下案例中都最多只能选择20个图标。

批量下载图标,需要先将图标添加入库【“购物车”】,再下载

选择颜色和大小,点击格式就会触发下载,推荐SVG

批量添加页面中的图标入库

方法1:手动选择需要的图标添加入库

方法2:运行代码批量添加入库

按F12打开控制台,运行代码

var iconList = document.querySelectorAll('.icon-gouwuche1');
  for (var i = 0; i < 20; i++) {
  iconList[i].click();
}

就会发现页面中的前20个图标已添加入库

若想下载后续20个图标,则执行

var iconList = document.querySelectorAll('.icon-gouwuche1');
  for (var i = 20; i < 40; i++) {
  iconList[i].click();
}

后续同理,不断改变 i 的初始值和最大值即可。

批量添加项目中的图标入库

点击选择要下载的图标,点击“批量加入购物车”


若项目中图标总数不超过20个,则直接点击右侧的全选按钮,再添加到购物车

 

目录
相关文章
|
Web App开发 人工智能 Android开发
iconfont.cn 阿里出品的矢量图标库
Iconfont.cn是阿里巴巴推出的矢量图标库,其中涵盖了1000多个常用图标,并在持续更新中。(目前已有7000+图标,部分图标为用户上传,因此默认不公开,但是可以搜索到。)
11695 0
iconfont.cn 阿里出品的矢量图标库
Maximum call stack size exceeded报错的原因及解决办法
Maximum call stack size exceeded报错的原因及解决办法
3615 0
|
XML 编解码 前端开发
【web组件库系列】封装自己的字体图标库
【web组件库系列】封装自己的字体图标库
293 0
|
5月前
|
前端开发 Java 程序员
程序员的宝藏图标资源库:Icons8一键解锁高效设计
🌟 ​大家好,我是摘星!​ 🌟今天为大家带来的是程序员的宝藏图标资源库:Icons8一键解锁高效设计,以前做项目时,找图标要么付费、要么质量差、要么风格不统一,今天偶然间在搜索springboot logo的发现了 Icons8,简直打开了我写文档的新世界的大门!怀着激动的心情,迫不及待的写下这篇文章将这个网站分享给大家,废话不多说,让我们直接开始~
579 0
|
Docker Ruby 容器
docker安装gitlab-ee并破解
本文介绍docker安装和gitlab-ee的破解方法
docker安装gitlab-ee并破解
9、阿里巴巴矢量图库icon-font的运用
前言:今天说下在项目中的使用图标库 GitHub:https://github.com/Ewall1106/mall 一、新建图标项目 1、打开阿里巴巴矢量图库这个网站,进入图标管理中,在里面新建一个项目 iconfont官网 2、然后...
10281 106
|
7月前
|
监控 前端开发 安全
74.8K star!这个开源图标库让界面设计效率提升10倍!
Font Awesome 是全球最受欢迎的图标库和工具包,提供超过2000个免费图标和7000+专业图标,支持网页、桌面应用、移动端等多平台使用。开发者只需几行代码就能为项目添加精美矢量图标,设计师可直接下载SVG进行二次创作。
181 4
|
JSON 前端开发 JavaScript
前端使用lottie-web,使用AE导出的JSON动画贴心教程
前端使用lottie-web,使用AE导出的JSON动画贴心教程
1546 2
|
XML 开发框架 前端开发
在WPF应用中,结合阿里矢量图标库使用Geometry图标
在WPF应用中,结合阿里矢量图标库使用Geometry图标
|
开发框架 前端开发 开发者
超实用的开源图标库推荐
超实用的开源图标库推荐
1119 0