30 个免费 icon 下载网站推荐:图标、SVG、矢量图等使用指南
人的想像力无远弗届,就如我们提供你的免费 Icon 网站使用也几乎没有限制。不管你正在寻找免费下载图标的网站,还是打算下载特别的 Icon 用于个人作品或商业用途,这篇帖子通通都可以满足你的需求!
本篇帖子特别提供给需要使用各种图标及 Icon 来美化自己的网页风格、用户体验及UI界面的设计师,内文包含了 30 个免费图标网站下载链接和使用说明。
你可以在以下提供的网页找到:
- 使用于 Android 或 iOS 界面的元素
- 不同皮肤的图标及 icon
- 不同社区网站的功能按钮
- 可用于商业用途的授权图标(请在下载前再次检查授权说明喔!)
- 可用于个人作品的免费 icon
30 个免费 Icon 网站推荐清单
Eagle App - 你的图标及素材整理工具
在搜索更多免费图标之前,先来认识 Eagle! Eagle 是一款专门给设计师使用的素材整理工具,有了它,在找寻灵感图标时,只需单击即可批量保存网络上你喜欢的所有图标和图像,然后轻易使用筛选器、标签、甚至颜色轻松整理和浏览!
它支持超过 81 种格式,包括图标、图像、3d、视频、字体、文件等等! Eagle 有许多出色的 UI,特别有助于设计师进行不同专案工作,也可以很轻松与 Figma、photoshop、ai 一起使用,提升设计生产力!
官网: cn.eagle.cool
1. ICONFINDER
ICONFINDER 是一个在设计圈中广为人知的图标搜索网站,它界面设计清晰且简洁,只要在网站中输入关键字即可找到需要的不同颜色图标!
使用说明:
ICONFINDER 包含免费及付费的 icon,如果想要使用免费商用授权的图标,请在搜索页面左边的筛选器中选择Free,即可使用。
网站: https://www.iconfinder.com/
2. flaticon
Flaticon 是一个与 FreePik 同一家公司的网站,专门为设计师找寻免费素材。Flaticon 最棒的特点是可以使用网站内的收寻引擎找到「免费且商业可用」的图标。此外,在这里找到的 Icon 及图标都包含了矢量图形文件和常见的图像格式,方便设计师在下载后直接使用。
使用说明:
使用时需要标注出处,即使用于个人作品也需要。若要用于商业用途则需要购买商用授权。
网站: https://www.flaticon.com/
3. FIND ICONS
FindIcons 是一个图标搜索网站,它们拥有世界上最大的免费图标数据库,网站内有筛选器和推荐功能,帮助你在做设计作品时更快速找到需要的免费图标。虽然,它的搜索引擎看起来有点简易且传统,但相信一定有需要这种设计风格的设计师们。
使用说明:
每个图标上都列出了不同授权的使用说明,请在下载前检查用途规范。
网站: https://findicons.com/
4. IconArchive
IconArchive也是一个巨量的素材搜索引擎,它不仅包含常见的界面按钮图标,还有纹理材质风格的图标及各种皮肤的漫画 icon。IconArchive 网站的特别之处在于它的搜索结果是以颜色排列的,你可以使用赞同及不赞同的投票功能,帮助改进搜索结果。如果你突然没有灵感,也可以选择最热门、最多人预览的 Icon 款式找到你喜爱的图标。
使用说明:
大部分图标都是采用 CC 授权方式,但每个图标稍有不同。下载前请在各别的图标页面中查找。
网站: https://iconarchive.com/
5. GraphicBurger
GraphicBurger 是一个免费提供给设计师们使用的设计资源网站。在这里你甚至可以找到每个 Icon 专属的 PSD 文件来修改图标,变成你想要的样子。如果你正在寻找可爱特别的图标,请不要错过 GraphicBurger!
使用说明:
- GraphicBurger 上所有的资源都可以随意下载,包括logo模型、产品模型、文本效果、图标、用户界面、插图、背景图像等,均可在个人和商业项目中免费使用。
- 使用时无需要注明出处及原始链接,但如果你愿意注明作者或出处,我们会很感激你。
网站: https://graphicburger.com/
6. Premium Pixel
如果你真的不知道要使用什么图标的话,Premium Pixel 提供了专家精挑细选的免费图标,你可以在这里搜索各种免费素材和界面图标的懒人包。
使用说明:
所有资源都是免费授权使用,几乎没有限制。
网站: https://www.premiumpixels.com/
7. Freebiesbug
这个网站上的资源是由许多设计师共同制作和发布的一系列 PSD 图标。就像他的网站名称一样,它提供了大量免费在 Photoshop 上使用的 Icon 素材。
使用说明:
可以在个人作品中免费使用这些图标。若用于商业用途,请在使用前再次检查授权,因为每个图标的作者要求都不太一样。
网站: https://freebiesbug.com/psd-freebies/icons/
8. IcoMoon app
想要制作自己的图标吗?那你应该会喜欢 IcoMoon!IcoMoon 不仅可以找寻想要的图标,还可以建立或合并你自己的 Icon 样式,最后生成多种文件格式直接使用。
使用说明:
- 每个图标都有一个授权链接可以参考详细使用授权。
- 网站上的图标都可以免费下载,进行基本的编辑,也可以导入你自己的图标,制作图标字体文件或生成 SVG、Polymer、PDF、XAML、PNG 和 CSS sprite 格式。
网站: https://icomoon.io/app/
9. Squid Ink
想找特别又可爱的图标下载吗? Squid Ink 上的图标都是亲手画的,总共包含了 2000 个图标, 17 个类别,并提供了 5 种不同的下载格式,允许任意更改 Icon 颜色或图层样式、移动和重新调整元素和大小。
使用说明:
可以免费选择 50 个喜爱的 Icon 在个人或商用作品中,第 51 个开始需要付费。
网站: https://thesquid.ink/flat-icons/
10. Freepik
相信喜爱免费素材的你应该对于 FreePik 不陌生,如果你还没有听说过它,那么现在也是时候了! 这是一个一直都在更新的在线资源网站,提供的不仅仅是免费图标或 Icon 。他们也提供大量的矢量图像、插图、照片和 PSD 设计文件可供免费下载。
使用说明:
使用时需要注明出处。
网站: https://www.freepik.com/
收集了很多 Icon 却不知道怎么有效的整理他们吗? 试试你的专属 Icon 管理神器 Eagle
11. iconstore
IconStore 是一个免费的矢量 (SVG) 图标库,由才华横溢的设计师们一同建立,全部的文件都可下载用于商业用途。
使用说明:
你可以在个人和商业作品中使用网站内的所有图标,无需要注明出处及原始链接,但如果你愿意注明作者或出处,我们会很感激你。
网站: https://iconstore.co/
12. icon8
icon8 网站最初是一个提供免费 Icon 资源的网站,但如果你也想找寻免费的高画质图像、矢量图像和免费音乐使用那就到这里!他们还拥有强大的图标编辑功能,可以让你自由调整 Icon 的颜色、添加文本、背景、大小、位置、形状…等功能。如果你需要将 Icon 嵌入到网站中,只需点击「嵌入 HTML」按钮,就会显示各种嵌入方法!
使用说明:
- 需要注明出处及原始链接,即可免费使用带 icon8 上面所有的图标,在个人或商业用途中。
- 请注意,不允许将原始图标文件转售和发布给第三方人士。
网站: https://icons8.com/
13. Oxygenna
Oxygenna是一个小的创意设计公司,专门从事网页设计及 App 开发。他们网站上有一个资源专区,专门提供给设计师免费的资源,增加工作的效率。 你可以从网站中下载免费的 Icon 资源,最棒的是提供你 Photoshop、Illustrator 和 PNG 文件格式,。
使用说明:
不管是在个人或商用作品中,都可以任意使用。
网站:: https://www.oxygenna.com/
14. 1001freedownloads
1001FreeDownloads 是一个很著名的网站,直至今日他们每天都不断的增加免费可下载的内容。它目前拥有数以千计的免费矢量、照片、画笔、渐变、PSD 和字体文件供大家免费下载。
使用说明:
可以在个人和商业作品中使用网站内的所有图标,无需要注明出处及原始链接,但如果你愿意注明作者或出处,我们会很感激你。
网站: https://www.1001freedownloads.com/
15. iconshock
在这里你可以找到各种不同样式、大小、格式和皮肤的各种图标。 从 iOS 、Line Icon 到以食物为皮肤的图标皮肤通通都有。 所有图标在 Iconshock 上都可完全免费供个人使用。小编最喜欢 iconshock 的一点是他们提供 3D 图标,他们的 3D 图标款式多样且整洁,下载的出来的文件画质也很棒!
使用说明:
可以在个人作品中免费使用
网站: https://www.iconshock.com/free-icons/
16. pngtree
Pngtree 是一个拥有数百万个高画质的 png、矢量、模板和创意插图的网站。 多年来,它为 3000 万+ 设计师们和用户提供了许多方便且适合商业用途的图像内容!想要一次浏览多种 Icon 的人可以参考这个网页。
使用说明:
可以在个人和商业作品中使用网站内的所有图标,需要注明出处及原始链接。
网站: https://pngtree.com/so/icon
17. google fonts
这里的所有 Icon 皆由 Google 免费提供。 如果你正在开发 Android App,或者你想看看大公司都怎么设计 Icon 界面,那么你可以用 Google 自家生产的 Icon 作为参考。Material Icons 有五种样式和一系列不同的尺寸和大小可以下载。
使用说明:
可免费在个人或作品中使用。
网站: https://fonts.google.com/icons?selected=Material+Icons
18. steamline
拥有 12 种不同风格的皮肤,帮助你在 Streamline 中找到适合你工作项目的 icon。 网站上面拥有 100,000+ 个 Icon 、插图和表情符号。 全部由 steamline 团队一一画出,如果你想要在 Figma、Sketch 和 Adobe XD 上使用的话,可以下载他们自己开发的插件搭配使用,非常方便喔!
使用说明:
需要注明出处及原始链接。
网站: https://streamlinehq.com/
19. Fontawesome
想要找寻可以把 Icon 变成 font 字型的网站吗?Fontawesome 为你提供各种可缩放的矢量图标,
可以改变大小、颜色、阴影以及符合 CSS 的样式。你也可以使用 style prefix 将 Font Awesome 提供的图标放置在任何你想要的位置。
使用说明:
每个图标的使用规范不同,请在下载前检查用途规范。
网站: https://fontawesome.com/
20. Dribbble
如果常常在设计圈的你对 Dribbble 一定也不陌生,他就如同设计界的 Facebook 一样。 上面有来自世界各地的设计师在上面发布作品,包括各种图形、动效、UI、Web 和插图。 你可以使用关键字在 Dribbble 上发现 500 + 多个不同设计师提供的免费 icon,若遇到任何 Icon 使用上的问题也可以直接联系设计师讨教。
使用说明:
每位设计师的提供的 Icon 使用权限不一,请在页面中仔细查看规范,或询问设计师。
网站: https://dribbble.com/tags/free_icons
21. UXwing
UXwing 是一个经验丰富的 Icon 设计师团队,专长制作矢量图标。他们帮助设计师和开发者画出漂亮的移动端 app 图标、网站图标、Web 设计、产品设计…等其他创意作品,网页上 Icon 支持矢量文件、透明背景的 PNG 和图标字体格式。 UXwing 上主要分成三大类别:实体、线条、颜色,以上再细分成 150 多个子类别,可帮助大家实时找到合适的 Icon 。
使用说明:
全部的 Icon 都可以做个人或商业用途,无需要注明出处及原始链接。
网站: https://uxwing.com/
22. iconfactory
Iconfactory 的团队拥有了二十多年的设计及软件开发经验,网站上的 Icon 可以供大家在个人作品中免费使用,如果你有任何 Icon 使用上的问题都可以询问他们。
使用说明:
免费 Icon 仅供个人作品使用,若需要作其他用途,请洽所有者。
网站: https://freeware.iconfactory.com/icons
23. thenounproject
Thenounproject 是一个由 120 多个国家及地区的设计师组成的网站,他们致力将 Icon 变成世界上最通用的交流工具,希望可以跨越语言和文化的界限。 无论你是在寻找加密货币 icon、人工智能 Icon 、拥有 UI 元素 Icon,或是像 Beyoncé 等名人的 icon,你的特殊喜好在这里都能被满足。
使用说明:
- 使用权限依每个 Icon 有所不同,下载使用前请仔细阅读页面。
- 免费使用需要注明出处及原始链接,若不想标记出处可以参考网站内的订阅服务。
网站:https://thenounproject.com/icons/
24. DeviantArt
DeviantArt 是一个充满活力的艺术家社区及论坛,上面有近 200,000 + 个免费 Icon 可供下载。 若你正在寻找动效风格的 icon,到 DevianArt 一定可以找到!
使用说明:
每个 Icon 的使用规范不同,有些作者会要求你是 DeviantArt 社区上的成员才能下载,因此请在下载仔细前检查。
网站: https://www.deviantart.com/
25. iconmonstr
iconmonstr 网站中集结了 316 个类别,共 4512+ 个免费图标,在这里 Icon 只有黑与白。全部采用填充、粗体和细化设计。 每个 Icon 都有 SVG、EPS、PSD 和 PNG 格式可供你下载使用。SVG 格式也有嵌入的 code。 若想要更改 Icon 设计,可以选择 PNG 格式直接在网站上更改图像、大小、颜色、背景颜色等基本编辑。
使用说明:
可以在个人和商业作品中使用网站内的所有图标。
网站: https://iconmonstr.com/
26. softicon
SoftIcons.com 允许免费下载 Icon 包供个人使用。 网页上包含了 2,849 组,共 475,655 个 Icon 及图像。网站自 2010 开始,每周增加了 9 组新 icon,从来不间断。若是希望每周都可以发掘新的图标,这里会是你的好选择。
使用说明:
所有 Icon 均可供个人作品使用。 若需将 Icon 作为商业目的使用,请阅读欲下载的 Icon 页面授权区。
网站: https://www.softicons.com/
27. fontello
Fontello 是一种将矢量图像快速打包成 webfonts 的工具。 你可以将其视为 Twitter Bootstrap 的图像。若你想把 Icon 大量嵌入网站中,这里拥有你所需要的一切。Fontello 提供的 Icon 最大优点是在高分辨率的萤幕上没有像素化或模糊化的缺点,任何浏览器都支持。
使用说明:
使用权限依每个 Icon 有所不同,下载使用前请仔细阅读页面。
网站: https://fontello.com/
28. veryicon
VeryIcom.com 是一个图标搜索引擎,它涵盖了 1000 多个 Icon 包,共 20000 个高画质的 Web icon。 每个图标都有 PNG、ICO 等多种文件格式,你可以轻松在 Windows、Macintosh 和 Linux 系统上免费浏览和下载。
使用说明:
网站上所有 Icon 都可以免费用于非商业用途,但部分版权归原作者所有,如果想将 Icon 用于商业目的,必须付费获得作者的版权协议。
网站: https://www.veryicon.com/
29. Boxicons
Boxicons 是一个精心设计的开源图标网站,拥有 1500 多个简单的图标。 如果不想要太复杂的图标,到 Boxicons 就对了。
使用说明:
Boxicons 是一个开源网站,使用的是创用 CC 授权 4.0,网站上的 Icon 均可以做个人或商业用途。
网站:https://boxicons.com/
30. Feather
Feather 上面的图标皆是开源免费图标。每个图标都设计在 24x24 大小上,每一个 Icon 都强调简单、一致和灵活。
使用说明:
全部的 Icon 都可以做个人或商业用途,需要注明出处及原始链接。
网站:https://feathericons.com/
结语
这篇帖子中的 30 个网站提供了超过数百万个 Icon 让你免费下载,在挑选合适的图标及 Icon 时,选择正确的质量跟大小也很重要,别忘了也适时的给提供免费素材的作者一些鼓励吧!
如果你正在寻找一个工具来整理下载的所有 Icon 文件,那你一定要下载 Eagle! Eagle 是一款功能强大的文件管理工具,专门为设计师整理素材而设计,不管你需要整理一大堆不同类型的图标文件,还是想要快速搜集 Icon 文件,Eagle 都能帮助你的设计工作流程更轻松、有效率!