首页 > 其他分享 >30 个免费 icon 下载网站推荐:图标、SVG、矢量图等使用指南

30 个免费 icon 下载网站推荐:图标、SVG、矢量图等使用指南

时间:2023-03-20 13:46:47浏览次数:57  
标签:图标 矢量图 网站 SVG https 使用 使用指南 免费 icon

30 个免费 icon 下载网站推荐:图标、SVG、矢量图等使用指南

图标无版权免费素材 罗杰摩尔・2021-09-01

人的想像力无远弗届,就如我们提供你的免费 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

Flaticon 是一个与 FreePik 同一家公司的网站,专门为设计师找寻免费素材。Flaticon 最棒的特点是可以使用网站内的收寻引擎找到「免费且商业可用」的图标。此外,在这里找到的 icon 及图标都包含了矢量图形文件和常见的图像格式,方便设计师在下载后直接使用。

使用说明:

使用时需要标注出处,即使用于个人作品也需要。若要用于商业用途则需要购买商用授权。

网站: https://www.flaticon.com/

3. FIND ICONS

FIND

FindIcons 是一个图标搜索网站,它们拥有世界上最大的免费图标数据库,网站内有筛选器和推荐功能,帮助你在做设计作品时更快速找到需要的免费图标。虽然,它的搜索引擎看起来有点简易且传统,但相信一定有需要这种设计风格的设计师们。

使用说明:

每个图标上都列出了不同授权的使用说明,请在下载前检查用途规范。

网站: https://findicons.com/

4. IconArchive

IconArchive

IconArchive也是一个巨量的素材搜索引擎,它不仅包含常见的界面按钮图标,还有纹理材质风格的图标及各种皮肤的漫画 icon。IconArchive 网站的特别之处在于它的搜索结果是以颜色排列的,你可以使用赞同及不赞同的投票功能,帮助改进搜索结果。如果你突然没有灵感,也可以选择最热门、最多人预览的 icon 款式找到你喜爱的图标。

使用说明:

大部分图标都是采用 CC 授权方式,但每个图标稍有不同。下载前请在各别的图标页面中查找。

网站: https://iconarchive.com/

5. GraphicBurger

GraphicBurger

GraphicBurger 是一个免费提供给设计师们使用的设计资源网站。在这里你甚至可以找到每个 icon 专属的 PSD 文件来修改图标,变成你想要的样子。如果你正在寻找可爱特别的图标,请不要错过 GraphicBurger!

使用说明:
  • GraphicBurger 上所有的资源都可以随意下载,包括logo模型、产品模型、文本效果、图标、用户界面、插图、背景图像等,均可在个人和商业项目中免费使用。
  • 使用时无需要注明出处及原始链接,但如果你愿意注明作者或出处,我们会很感激你。
网站: https://graphicburger.com/

6. Premium Pixel

Premium

如果你真的不知道要使用什么图标的话,Premium Pixel 提供了专家精挑细选的免费图标,你可以在这里搜索各种免费素材和界面图标的懒人包。

使用说明:

所有资源都是免费授权使用,几乎没有限制。

网站: https://www.premiumpixels.com/

7. Freebiesbug

Freebiesbug

这个网站上的资源是由许多设计师共同制作和发布的一系列 PSD 图标。就像他的网站名称一样,它提供了大量免费在 Photoshop 上使用的 icon 素材。

使用说明:

可以在个人作品中免费使用这些图标。若用于商业用途,请在使用前再次检查授权,因为每个图标的作者要求都不太一样。

网站: https://freebiesbug.com/psd-freebies/icons/

8. IcoMoon app

IcoMoon

想要制作自己的图标吗?那你应该会喜欢 IcoMoon!IcoMoon 不仅可以找寻想要的图标,还可以建立或合并你自己的 icon 样式,最后生成多种文件格式直接使用。

使用说明:
  • 每个图标都有一个授权链接可以参考详细使用授权。
  • 网站上的图标都可以免费下载,进行基本的编辑,也可以导入你自己的图标,制作图标字体文件或生成 SVG、Polymer、PDF、XAML、PNG 和 CSS sprite 格式。
网站: https://icomoon.io/app/

9. Squid Ink

Squid

想找特别又可爱的图标下载吗? Squid Ink 上的图标都是亲手画的,总共包含了 2000 个图标, 17 个类别,并提供了 5 种不同的下载格式,允许任意更改 icon 颜色或图层样式、移动和重新调整元素和大小。

使用说明:

可以免费选择 50 个喜爱的 icon 在个人或商用作品中,第 51 个开始需要付费。

网站: https://thesquid.ink/flat-icons/

10. Freepik

Freepik

相信喜爱免费素材的你应该对于 FreePik 不陌生,如果你还没有听说过它,那么现在也是时候了! 这是一个一直都在更新的在线资源网站,提供的不仅仅是免费图标或 icon 。他们也提供大量的矢量图像、插图、照片和 PSD 设计文件可供免费下载。

使用说明:

使用时需要注明出处。

网站: https://www.freepik.com/

 

收集了很多 icon 却不知道怎么有效的整理他们吗? 试试你的专属 icon 管理神器 Eagle

 


11. iconstore

iconstore

IconStore 是一个免费的矢量 (SVG) 图标库,由才华横溢的设计师们一同建立,全部的文件都可下载用于商业用途。

使用说明:

你可以在个人和商业作品中使用网站内的所有图标,无需要注明出处及原始链接,但如果你愿意注明作者或出处,我们会很感激你。

网站: https://iconstore.co/

12. icon8

icon8

icon8 网站最初是一个提供免费 icon 资源的网站,但如果你也想找寻免费的高画质图像、矢量图像和免费音乐使用那就到这里!他们还拥有强大的图标编辑功能,可以让你自由调整 icon 的颜色、添加文本、背景、大小、位置、形状…等功能。如果你需要将 icon 嵌入到网站中,只需点击「嵌入 HTML」按钮,就会显示各种嵌入方法!

使用说明:
  • 需要注明出处及原始链接,即可免费使用带 icon8 上面所有的图标,在个人或商业用途中。
  • 请注意,不允许将原始图标文件转售和发布给第三方人士。
网站: https://icons8.com/

13. Oxygenna

Oxygenna

Oxygenna是一个小的创意设计公司,专门从事网页设计及 App 开发。他们网站上有一个资源专区,专门提供给设计师免费的资源,增加工作的效率。 你可以从网站中下载免费的 icon 资源,最棒的是提供你 Photoshop、Illustrator 和 PNG 文件格式,。

使用说明:

不管是在个人或商用作品中,都可以任意使用。

网站:: https://www.oxygenna.com/

14. 1001freedownloads

1001freedownloads

1001FreeDownloads 是一个很著名的网站,直至今日他们每天都不断的增加免费可下载的内容。它目前拥有数以千计的免费矢量、照片、画笔、渐变、PSD 和字体文件供大家免费下载。

使用说明:

可以在个人和商业作品中使用网站内的所有图标,无需要注明出处及原始链接,但如果你愿意注明作者或出处,我们会很感激你。

网站: https://www.1001freedownloads.com/

15. iconshock

iconshock

在这里你可以找到各种不同样式、大小、格式和皮肤的各种图标。 从 iOS 、Line icon 到以食物为皮肤的图标皮肤通通都有。 所有图标在 Iconshock 上都可完全免费供个人使用。小编最喜欢 iconshock 的一点是他们提供 3D 图标,他们的 3D 图标款式多样且整洁,下载的出来的文件画质也很棒!

使用说明:

可以在个人作品中免费使用

网站: https://www.iconshock.com/free-icons/

16. pngtree

pngtree

Pngtree 是一个拥有数百万个高画质的 png、矢量、模板和创意插图的网站。 多年来,它为 3000 万+ 设计师们和用户提供了许多方便且适合商业用途的图像内容!想要一次浏览多种 icon 的人可以参考这个网页。

使用说明:

可以在个人和商业作品中使用网站内的所有图标,需要注明出处及原始链接。

网站: https://pngtree.com/so/icon

17. google fonts

google

这里的所有 icon 皆由 Google 免费提供。 如果你正在开发 Android App,或者你想看看大公司都怎么设计 icon 界面 ,那么你可以用 Google 自家生产的 icon 作为参考。Material Icons 有五种样式和一系列不同的尺寸和大小可以下载。

使用说明:

可免费在个人或作品中使用。

网站: https://fonts.google.com/icons?selected=Material+Icons

18. steamline

steamline

拥有 12 种不同风格的皮肤,帮助你在 Streamline 中找到适合你工作项目的 icon。 网站上面拥有 100,000+ 个 icon 、插图和表情符号。 全部由 steamline 团队一一画出,如果你想要在 Figma、Sketch 和 Adobe XD 上使用的话,可以下载他们自己开发的插件搭配使用,非常方便喔!

使用说明:

需要注明出处及原始链接。

网站: https://streamlinehq.com/

19. Fontawesome

fontawesome

想要找寻可以把 icon 变成 font 字型的网站吗?Fontawesome 为你提供各种可缩放的矢量图标,
可以改变大小、颜色、阴影以及符合 CSS 的样式。你也可以使用 style prefix 将 Font Awesome 提供的图标放置在任何你想要的位置。

使用说明:

每个图标的使用规范不同,请在下载前检查用途规范。

网站: https://fontawesome.com/

20. Dribbble

Dribbble

如果常常在设计圈的你对 Dribbble 一定也不陌生,他就如同设计界的 Facebook 一样。 上面有来自世界各地的设计师在上面发布作品,包括各种图形、动效、UI、Web 和插图。 你可以使用关键字在 Dribbble 上发现 500 + 多个不同设计师提供的免费 icon,若遇到任何 icon 使用上的问题也可以直接联系设计师讨教。

使用说明:

每位设计师的提供的 icon 使用权限不一,请在页面中仔细查看规范,或询问设计师。

网站: https://dribbble.com/tags/free_icons

21. UXwing

UXwing

UXwing 是一个经验丰富的 icon 设计师团队,专长制作矢量图标。他们帮助设计师和开发者画出漂亮的移动端 app 图标、网站图标、Web 设计、产品设计…等其他创意作品,网页上 icon 支持矢量文件、透明背景的 PNG 和图标字体格式。 UXwing 上主要分成三大类别:实体、线条、颜色,以上再细分成 150 多个子类别,可帮助大家实时找到合适的 icon 。

使用说明:

全部的 icon 都可以做个人或商业用途,无需要注明出处及原始链接。

网站: https://uxwing.com/

22. iconfactory

iconfactory

Iconfactory 的团队拥有了二十多年的设计及软件开发经验,网站上的 icon 可以供大家在个人作品中免费使用,如果你有任何 icon 使用上的问题都可以询问他们。

使用说明:

免费 icon 仅供个人作品使用,若需要作其他用途,请洽所有者。

网站: https://freeware.iconfactory.com/icons

23. thenounproject

thenounproject

Thenounproject 是一个由 120 多个国家及地区的设计师组成的网站,他们致力将 icon 变成世界上最通用的交流工具,希望可以跨越语言和文化的界限。 无论你是在寻找加密货币 icon、人工智能 icon 、拥有 UI 元素 icon ,或是像 Beyoncé 等名人的 icon,你的特殊喜好在这里都能被满足。

使用说明:
  • 使用权限依每个 icon 有所不同,下载使用前请仔细阅读页面。
  • 免费使用需要注明出处及原始链接,若不想标记出处可以参考网站内的订阅服务。
网站:https://thenounproject.com/icons/

24. DeviantArt

DeviantArt

DeviantArt 是一个充满活力的艺术家社区及论坛,上面有近 200,000 + 个免费 icon 可供下载。 若你正在寻找动效风格的 icon,到 DevianArt 一定可以找到!

使用说明:

每个 icon 的使用规范不同,有些作者会要求你是 DeviantArt 社区上的成员才能下载,因此请在下载仔细前检查。

网站: https://www.deviantart.com/

25. iconmonstr

iconmonstr

iconmonstr 网站中集结了 316 个类别,共 4512+ 个免费图标,在这里 icon 只有黑与白。全部采用填充、粗体和细化设计。 每个 icon 都有 SVG、EPS、PSD 和 PNG 格式可供你下载使用。SVG 格式也有嵌入的 code。 若想要更改 icon 设计,可以选择 PNG 格式直接在网站上更改图像、大小、颜色、背景颜色等基本编辑。

使用说明:

可以在个人和商业作品中使用网站内的所有图标。

网站: https://iconmonstr.com/

26. softicon

softicon

SoftIcons.com 允许免费下载 icon 包供个人使用。 网页上包含了 2,849 组,共 475,655 个 icon 及图像。网站自 2010 开始,每周增加了 9 组新 icon,从来不间断。若是希望每周都可以发掘新的图标,这里会是你的好选择。

使用说明:

所有 icon 均可供个人作品使用。 若需将 icon 作为商业目的使用,请阅读欲下载的 icon 页面授权区。

网站: https://www.softicons.com/

27. fontello

fontello

Fontello 是一种将矢量图像快速打包成 webfonts 的工具。 你可以将其视为 Twitter Bootstrap 的图像。若你想把 icon 大量嵌入网站中,这里拥有你所需要的一切。Fontello 提供的 icon 最大优点是在高分辨率的萤幕上没有像素化或模糊化的缺点,任何浏览器都支持。

使用说明:

使用权限依每个 icon 有所不同,下载使用前请仔细阅读页面。

网站: https://fontello.com/

28. veryicon

veryicon

VeryIcom.com 是一个图标搜索引擎,它涵盖了 1000 多个 icon 包,共 20000 个高画质的 Web icon。 每个图标都有 PNG、ICO 等多种文件格式,你可以轻松在 Windows、Macintosh 和 Linux 系统上免费浏览和下载。

使用说明:

网站上所有 icon 都可以免费用于非商业用途,但部分版权归原作者所有,如果想将 icon 用于商业目的,必须付费获得作者的版权协议。

网站: https://www.veryicon.com/

29. Boxicons

Boxicons

Boxicons 是一个精心设计的开源图标网站,拥有 1500 多个简单的图标。 如果不想要太复杂的图标,到 Boxicons 就对了。

使用说明:

Boxicons 是一个开源网站,使用的是创用 CC 授权 4.0,网站上的 icon 均可以做个人或商业用途。

网站:https://boxicons.com/

30. Feather

Feather

Feather 上面的图标皆是开源免费图标。每个图标都设计在 24x24 大小上,每一个 icon 都强调简单、一致和灵活。

使用说明:

全部的 icon 都可以做个人或商业用途,需要注明出处及原始链接。

网站:https://feathericons.com/

结语

这篇帖子中的 30 个网站提供了超过数百万个 icon 让你免费下载,在挑选合适的图标及 icon 时,选择正确的质量跟大小也很重要,别忘了也适时的给提供免费素材的作者一些鼓励吧!

如果你正在寻找一个工具来整理下载的所有 icon 文件,那你一定要下载 Eagle! Eagle 是一款功能强大的文件管理工具,专门为设计师整理素材而设计,不管你需要整理一大堆不同类型的图标文件,还是想要快速搜集 icon 文件,Eagle 都能帮助你的设计工作流程更轻松、有效率!

 

 

标签:图标,矢量图,网站,SVG,https,使用,使用指南,免费,icon
From: https://www.cnblogs.com/yaoyangding/p/17235988.html

相关文章

  • iOS借用WKWebView将svg转码为png
    #import"WKSVGConvert.h"#import<WebKit/WebKit.h>@interfaceWKSVGConvert()<WKNavigationDelegate>@property(nonatomic,strong)WKWebView*webView;@prop......
  • sqlalchemy 使用指南
    数据表生成model:1.连接mysqlsqlacodegenmysql+cymysql://user:password@ip/database--tablestablename,tablename>file.py 2.连接oraclesqlacodegenoracle......
  • 【WPF】在xaml 中引用外部 程序间中图片或样式资源(SVG)
     在xaml中引用外部程序间中图片或样式资源(SVG)一、创建资源程序集1创建一个叫“IconPacks”C#类库程序集   删除自动生成的Class1.cs文件添加一个Themes文......
  • 红队神器-Evil-Winrm详细使用指南
    前言Evil-winrm工具最初是由Hackplayers团队开发的。开发该工具的目的是尽可能简化渗透测试,尤其是在MicrosoftWindows环境中。Evil-winrm使用PowerShell远程......
  • UE4 WebUI使用指南2-通信
    前面一篇WebUI的文章讲述的WebUI插件的下载,开启,在UE中创建,加载网页等。本文继续讲述通过WebUI,UE和网页实现双向通信的实现思路。一点说明由于WebUI使用的浏览器内核并......
  • PyCharm入门级使用指南,Python开发必备!
    PyCharm是一个专业的PythonIDE,可以提供全面的Python开发支持,包括代码编辑、调试、测试、版本控制等功能。对于初学者来说,PyCharm可能会有点吓人,但是随着您的熟练使用,会发......
  • HTML5 Canvas 与 SVG 与 div
    动态创建元素并能够移动它们的最佳方法是什么?例如,假设我想创建一个矩形、圆形和多边形,然后选择这些对象并将它们四处移动。我知道HTML5提供了三个元素可以使这成为......
  • 初识SVG
    解决网站图标问题的最佳方案——SVG!SVG是一种基于XML语法的图像格式,英文全称是:ScalableVectorGraphics,即可缩放矢量图,是W3C的一项建议。我们用手机拍摄的照片,图片格......
  • 一张svg自适应页面H5项目
    做一个自适应的图片,海报,做成简单的自适应网页如下<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"conten......
  • tcpdump使用指南
    全网最详细的tcpdump使用指南 今天要给大家介绍的一个Unix下的一个 网络数据采集分析工具,也就是我们常说的抓包工具。与它功能类似的工具有wireshark,不同的......