独家揭秘!教你从Flaticon批量下载免费图标!

搜索技巧4年前 (2021)更新 自律的音律
3,031 0 1

独家揭秘!教你从Flaticon批量下载免费图标!

本文总计:2111 字
预计阅读时间:6 分钟

小伙伴们,早啊,今天早上还是啃粽子么

上周末,我给大家分享了超过 6000 款可商用图标,要是还没领的话记得回头翻翻哦:

 当时我立了一个小小的旗子:

独家揭秘!教你从Flaticon批量下载免费图标!

好在大家宠我,点赞和再看双双破二百,所以今天这篇教程如约而至了。

提前说明,本文真的属于独家揭秘了,目前我在网上还没有找到相关的教程,强烈建议收藏备用!

OK,话不多说,接下来教大家,如何从 Iconfinder 和 Flaticon 批量下载免费图标。

01. 从 Flaticon 批量下载

因为 Flaticon 的图标相对质量更高,数量也更多,而且我们这些教 PPT 的号主推荐的也最多,所以咱们先从它开始。

独家揭秘!教你从Flaticon批量下载免费图标!

大概在三月份的时候,我就写过一篇教程,也是关于 Flaticon 的图标下载:

当时文中提到,只需要鼠标放在免费图标上,右键另存为 svg 格式,就可以直接获取到矢量图标。

但是,经过我多轮测试,发现这种方法目前已经失效了。

现在该网站上的免费图标,已经全部换成了 PNG 格式的预览图。

除此之外,之前介绍的用 SVG 下载插件,批量获取矢量图标的方法,在 Flaticon 上也行不通了。

但是我不甘心啊,它上面的图标质量是真的高,而且所有免费的图标都可以商用啊!

因此,我捣鼓了一下,发现即使不登录,点开预览后,再点击编辑图标:

独家揭秘!教你从Flaticon批量下载免费图标!

进入到编辑界面后,这个图标变成了矢量 SVG 格式的。

独家揭秘!教你从Flaticon批量下载免费图标!

虽然它提示需要登录才能编辑,但是不影响,咱们用 IA 插件或 SVG 提取工具,提取一下网页中的 SVG 图标试试。

独家揭秘!教你从Flaticon批量下载免费图标!

果然,可以下载为矢量格式。

也就是说,通过编辑图标的方法,理论上可以获取所有的免费图标,而且没有次数限制。

不过需要注意的是,带有皇冠的会员图标,用这种方式是下载不了的。

独家揭秘!教你从Flaticon批量下载免费图标!

会员图标虽然显示的是 SVG 格式,但里面是一张带水印的 PNG 图,即使下载下来也用不了。

这时候有些小伙伴可能会说,这种方法虽好,但每次都要去点编辑图标才能下载,感觉好麻烦啊。

别急,这就教大家批量下载 Flaticon 免费图标的方法。

前方高能,请勿眨眼!

首先,打开一个免费图标集,在网页上右键,查看网页源代码:

独家揭秘!教你从Flaticon批量下载免费图标!

一般来说,直接用快捷键 Ctrl+U 也可以。

打开源代码后,Ctrl+A 全选,再按 Ctrl+C 把代码复制一下。

独家揭秘!教你从Flaticon批量下载免费图标!

接下来,打开链接提取工具,把刚才复制的代码粘贴进去:

独家揭秘!教你从Flaticon批量下载免费图标!

在过滤列表中,输入如下代码:

https://www.flaticon.com/svg/vstatic/svg/

这时候,我们就可以得到一批经过筛选的网址,也就是该图标集的 SVG 地址。

 

独家揭秘!教你从Flaticon批量下载免费图标!

我们点击复制所以链接,然后打开批量下载工具,这里以 IDM 下载器为例:

独家揭秘!教你从Flaticon批量下载免费图标!

在左上角的任务中,选择从剪贴板中添加批量下载:

独家揭秘!教你从Flaticon批量下载免费图标!

勾选所有文件保存至同一目录,再点击全部选择,确定后就把所有图标添加到队列中了。

独家揭秘!教你从Flaticon批量下载免费图标!

最后,我们点击开始队列,就可以把所有的 SVG 矢量图标都下载下来。

独家揭秘!教你从Flaticon批量下载免费图标!

需要注意的是,这些矢量图标的下载链接都有时效限制,如果发现下载出错,需要把网页源代码刷新一下,获取新的图标地址才行。

这个图标集下载之后如下图,所有的图标都是 SVG 矢量格式,高版本可以直接拖到 PPT 中使用。

独家揭秘!教你从Flaticon批量下载免费图标!

哦对了,这种方法无法下载带皇冠的会员图标。

不过,免费的矢量图标也已经很香了,对吧?

02. 从 Iconfinder 批量下载

一般来说,学会了上面的方法,日常做 PPT 的话,图标绝对是够用了。

但是保险起见,再给大家推荐另一个图标下载网站,Iconfinder

独家揭秘!教你从Flaticon批量下载免费图标!

同样,这个网站也有非常多高质量的免费可商用图标,通常也需要挨个点击才能下载。

独家揭秘!教你从Flaticon批量下载免费图标!

支持多种尺寸的 PNG 图片下载,也可以免费下载 SVG 格式:

独家揭秘!教你从Flaticon批量下载免费图标!

接下来,别眨眼,我教大家如何把它们批量下载下来!

同样,先按住 Ctrl+U 打开查看网页源代码,全选复制后,打开源码内容提取工具:

独家揭秘!教你从Flaticon批量下载免费图标!

把源代码粘贴到第一个框中,在下方的提取规则中,粘贴如下的代码:

name="div",attrs={"class":"icon-preview"}

再在选填的提取属性中,粘贴这段代码:

data-asset-id

点击红色的按钮“提取”,就可以得到一批数字代码:

独家揭秘!教你从Flaticon批量下载免费图标!

我们把鼠标放在数字代码的框里点击一下,Ctrl+A 全选后复制。

打开我为大家准备好的 Excel 文件,把数字粘贴进去:

独家揭秘!教你从Flaticon批量下载免费图标!

表格的第二列会自动计算,得出真实的图标下载地址。

复制第二列的图标网址,同样使用 IDM 的批量下载功能,把它们添加到下载队列中:

独家揭秘!教你从Flaticon批量下载免费图标!

如下图,通过这种方法,我们就把这个免费图标集里面的图标都下载下来了,而且也都是矢量格式,都能免费商用。

独家揭秘!教你从Flaticon批量下载免费图标!

到这里,两个高质量图标网站推荐给了你,批量下载矢量图标的方法也教给你了。

你说,这三连留它何用!球球你了,点赞在看来一波

至于本文提到的所有网站,以及换算的表格,我也都准备好了,需要的话可以在后台回复【0615】获取哈。

以上,就是今天分享的全部内容,希望对你有所帮助~

——
公众号:自律的音律
原文链接:独家揭秘!教你从Flaticon批量下载免费图标!

© 版权声明

相关文章