图标网站收集
单色图标网站
/ 1 /
ICOOON MONO

❶ 网站地址:http://icooon-mono.com

❷ 网站简介
① icooon mono 是一个来自日本的免费单色图标库
② 网站中的单色图标被分成了 15 个类别,涵盖生活各个方面
③ 用户无需注册,就可以下载图标进行使用,不限制使用场景。
❸ 特色功能
网站默认是黑白图标,在详情页可输入颜色 RGB 值修改颜色。

❹ 下载方式
网站提供 PNG 和 JPG 两种图片格式与 SVG 矢量格式的两种类型图标下载,在图标详情页,点击对应格式下载按钮就可以进行下载啦。

支持添加 12 个图标,然后一键打包下载,在图标列表中点击“+”号,就可以将图标添加到下载包中。
/ 2 /
iconmostr

❶ 网站地址:https://iconmonstr.com/

❷ 网站简介
① iconmonstr 网站 UI 简洁,由德国一位专门从事图标设计的设计师创建。
② 目前网站已经有 4115+免费图标供公众下载和使用
③ 图标数量还在日益增长中。
❸ 特色功能
为图片格式的图标提供下载前修改颜色、添加边框、修改边距等的功能支持

❹ 下载方式
网页中点击对应的图标,即可跳转到图标详情页:
① 选中对应的格式
② 勾选“I agree to the License Agreement”
③ 最后点击“Download”即可

/ 3 /
Illustrio

❶ 网站地址:https://illustrio.com/

❷ 网站简介
① 一个 100%免费的 icon 库
② 站内所有的图标均可免费下载和商用
③ 非得说缺点就是下载的时候需要你注册登录
❸ 特色功能
① 可以自定义图标颜色
② 同一个图标能够在线变换为 15 种不同的风格

❹ 下载方式
① 注册并登录他们的网站
② 修改好图标的颜色风格
③ 点击对应的格式,下载图标

/ 4 /
pictogram2

❶ 网站地址:http://pictogram2.com/

❷ 网站简介
① 来自日本的免费火柴人图标素材网
② 涵盖应用场景丰富全面
③ 支持英文和日文关键词搜索。
❸ 特色功能
网站提供了不同体位,不同性别的同一场景的图标,比如下图的膝踢,在右侧就提供了八种可能会用到的场景图标

❹ 下载方式
网站一共提供矢量图标与图片图标,两种类型,三种格式的图标文件下载,图片图标(PNG&JPG)不支持颜色的修改,而 Ai 格式的矢量图标支持颜色修改。
点击对应的格式名称就可以下载图标了。

/ 5 /
silhouette-ac

❶ 网站地址:https://zh-cn.silhouette-ac.com/

❷ 网站简介
① silhouetteAC 是一个来自日本大阪的免费矢量图库
② 网站提供的超过 52000 个图标全都是矢量剪影素材。
③ 提供了 15 个种类的素材,基本涵盖了生活中的各个场景。
❸ 特色功能
① 和之前的网站不同,该网站支持中文搜索,外语不好的同学有福啦~

② 网站自动推荐关键词相关的无版权彩色矢量图标和图片,一站解决你不同的素材需求

❹ 下载方式
① 点击任意图标进入详情页
② 选择合适的格式页面中有矢量与图片两种类型,四种格式的图标供下载,
③ 点击【免费下载】下载单独图标,点击【添加到 DL 文件夹】打包下载

综合图标网站
/ 6 /
easyicon

❶ 网站地址:https://www.easyicon.net/

❷ 网站简介
之前介绍的图标库网站都是单色的图标,而 easyicon 相当于是专属图标的搜索引擎,里面提供各种风格的免费图标搜索与下载,也是很多设计师寻找图标的首选。

❸ 特色功能
① 网站支持中文搜索,会将中文自动转换为英文关键词进行搜索
② 网站会自动帮你推荐同一种风格的图标
③ 在图标详情页注明图标可免费使用的场景

❹ 下载方式
不同的图标,可提供的下载格式也不相同,在图标详情页,点击对应的格式下载就可以立即开始下载图标
/ 7 /
flaticon

❶ 网站地址:https://www.flaticon.com/

❷ 网站介绍
① 最大的免费图标汇聚地,图标垂直搜索网站。
② 提供 PNG,SVG,EPS,PSD 等格式的图标下载。

❸ 特色功能
① 网站提供整套图标的搜索,也提供单一图标搜索
② 下载 PNG 和 svg 格式的图标支持颜色修改

③ 提供了图标背景平铺的功能——https://pattern.flaticon.com/

❹ 下载方式
点击图标进入详情页后,直接点击对应的格式按钮进行下载

此时会弹出一个提示框,点击“Free download”按钮即可,如果用作商业用途,请务必注明作者及来源。

/ 8 /
iconfinder

❶ 网站地址:https://www.iconfinder.com/

❷ 网站简介
① 图标垂直搜索网站,主要提供的付费图标库的搜索,
② 通过条件筛选,选出风格各异的免费图标资源。
❸ 特色功能
使用网站内置的条件筛选器,我们可以筛选出风格不同图片或矢量的,免费或收费,是否能商用,不同大小的,背景各异的图标资源。

❹ 下载方式
下载方法和其他的网站没有什么太大的区别,都是点击对应的格式按钮进行下载就好了。

以上就是为大家推荐的 8 个图标素材网站,从单色图标搜索和综合图标搜索两个部分进行了分类。有了这些网站,以后可不要再说找不到合适的图标咯~
1.IconPark
IconPark是字节跳动出品的高质量开源图标库,有线性、填充、双色、四色4种分类,支持SVG、PNG格式。
优点:图标样式统一,不会出现风格的偏差
缺点:图库量不够,有时候难以满足需求
2.Iconfont
Iconfont是阿里巴巴打造的矢量图标库,提供矢量图标下载、在线存储等功能,支持SVG、AI、PNG格式。
优点:图标全,风格种类多
缺点:图标不成套,使用的时候要二次修改成统一的
链接:iconfont.cn/
3.Flaticon
Flaticon是国外的一个提供矢量图标下载的素材库,里面有各种风格的图标供选择,支持Webfont,SVG,PNG 等三种格式。有免费的也有付费的,但作为图标参考还是很有帮助的。
优点:图标全,风格多,样式好看
缺点:暂未发现
4.Iconfinder
Iconfinder也是外国的一家图标网站,有很多免费的成套图标,支持PNG、SVG、AI等格式。
优点:图标全,样式好看
缺点:不支持中文搜索
5.IconStore
IconStore是国外一个图标素材网站,图标质量高,并有详细的分类,支持AI/SVG/EPS格式下载,可以免费商用,无须标注出处。
优点:图标成套质量高
缺点:图标数不够多
一、IconPark
网址:http://iconpark.bytedance.com
IconPark 是字节跳动公司内部产品体系使用的官方图标库,现在可以免费使用了。
IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。
IconPark的特点:
提供超过 2000+ 预设图标、32 种图标分类;支持 4 种主题和在线换肤:线性、填充、双色、四色;网站提供多种便捷操作:复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG,无论是设计师还是开发者,使用起来都非常方便;针对前端开发者,还提供多种 NPM 包下载。

是不是很 nice ~
以后都不要画了,在线调整完样式后再下载 SVG,爽歪歪!
二、Remix Icon
网址:https://remixicon.com/
特点:
每一枚图标都是按照统一标准进行设计,拥有完美像素对齐;设计风格一致,完胜那些拼凑混搭的图标库;设计简洁易懂,特别是很多交互意义的图标,创意十足又具有该有的代表性。

三、Iconfont
网址:https://www.iconfont.cn/
这个网站大家应该比较熟悉了,这个也是我使用比较频繁的开源图标网站。好处就是图标多而全,可以说是满足大部分设计师的需求。但是相对于 IconPark 来说,缺点就是不能在线调整图标的小细节。所以这两个网站可以结合使用。
Iconfont 也有整组的图标库,在产品初期,可以找一套完整的来使用,不够的话再补充,提高效率。

四、Bootstrap Icons
网址:https://icons.bootcss.com/
Bootstrap 图标库 的设计初衷是与 Bootstrap 组件配合使用,从表单到导航组件等。Bootstrap 图标库 全部是 SVG 文件格式,能够轻松快捷地进行缩放,保证清晰,并可以通过 CSS 设置颜色。虽然 Bootstrap 图标库 是为 Bootstrap 而开发的,但也可以应用在任何项目。
特点:
Bootstrap 是一个凝聚了设计与html/css/js 极致追求的一个移动优先的UI框架,多年来被大量使用在移动+PC的项目上,组件非常优美大气。而 Bootstrap Icos 像它一样,非常漂亮,风格中性,适合运用在很多项目上;每个图标几乎都有线性和填充两种样式,每一个质量都很高,这满足绝大部分的交互需求;提供 SVG 文件格式,运用非常广泛。

五、Iconmonstr
网址:https://iconmonstr.com/
特点:
iconmonstr 的图标表现力非常丰富,非常适合用在PPT、企业官网设计下的大图标块以及 UI 界面上的大图标模块;风格为以简单线条构成的图标,收录超过 4000+ 种图标;由单一创作者维护,而且还在不断更新中,这在很大程度上保证了图标的质量;提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载,满足了设计师和开发者的各种需求场景;iconmonstr 还有提供一套类似于之前推荐的 remix icon的 web 图标库 Iconic Font,有超过 300 个小型免费图标,更加的简洁精致,很适合使用于网页或界面开发。

六、Feather Icon
网址:https://feathericons.com/
特点:
每一枚图标都是按照统一标准进行设计,具有完美像素对齐;同样,也可以在线调整图标样式、颜色等,然后再下载。

以上 6 个网站为目前主流的开源图标网站,根据每个网站的特点用在不同的场景下,会让设计师事半功倍。
一、IconPark
网址:http://iconpark.bytedance.com
IconPark 是字节跳动公司内部产品体系使用的官方图标库,现在可以免费使用了。
IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。
IconPark的特点:
提供超过 2000+ 预设图标、32 种图标分类;支持 4 种主题和在线换肤:线性、填充、双色、四色;网站提供多种便捷操作:复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG,无论是设计师还是开发者,使用起来都非常方便;针对前端开发者,还提供多种 NPM 包下载。

是不是很 nice ~
以后都不要画了,在线调整完样式后再下载 SVG,爽歪歪!
二、Remix Icon
网址:https://remixicon.com/
特点:
每一枚图标都是按照统一标准进行设计,拥有完美像素对齐;设计风格一致,完胜那些拼凑混搭的图标库;设计简洁易懂,特别是很多交互意义的图标,创意十足又具有该有的代表性。

三、Iconfont
网址:https://www.iconfont.cn/
这个网站大家应该比较熟悉了,这个也是我使用比较频繁的开源图标网站。好处就是图标多而全,可以说是满足大部分设计师的需求。但是相对于 IconPark 来说,缺点就是不能在线调整图标的小细节。所以这两个网站可以结合使用。
Iconfont 也有整组的图标库,在产品初期,可以找一套完整的来使用,不够的话再补充,提高效率。

四、Bootstrap Icons
网址:https://icons.bootcss.com/
Bootstrap 图标库 的设计初衷是与 Bootstrap 组件配合使用,从表单到导航组件等。Bootstrap 图标库 全部是 SVG 文件格式,能够轻松快捷地进行缩放,保证清晰,并可以通过 CSS 设置颜色。虽然 Bootstrap 图标库 是为 Bootstrap 而开发的,但也可以应用在任何项目。
特点:
Bootstrap 是一个凝聚了设计与html/css/js 极致追求的一个移动优先的UI框架,多年来被大量使用在移动+PC的项目上,组件非常优美大气。而 Bootstrap Icos 像它一样,非常漂亮,风格中性,适合运用在很多项目上;每个图标几乎都有线性和填充两种样式,每一个质量都很高,这满足绝大部分的交互需求;提供 SVG 文件格式,运用非常广泛。

五、Iconmonstr
网址:https://iconmonstr.com/
特点:
iconmonstr 的图标表现力非常丰富,非常适合用在PPT、企业官网设计下的大图标块以及 UI 界面上的大图标模块;风格为以简单线条构成的图标,收录超过 4000+ 种图标;由单一创作者维护,而且还在不断更新中,这在很大程度上保证了图标的质量;提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载,满足了设计师和开发者的各种需求场景;iconmonstr 还有提供一套类似于之前推荐的 remix icon的 web 图标库 Iconic Font,有超过 300 个小型免费图标,更加的简洁精致,很适合使用于网页或界面开发。

六、Feather Icon
网址:https://feathericons.com/
特点:
每一枚图标都是按照统一标准进行设计,具有完美像素对齐;同样,也可以在线调整图标样式、颜色等,然后再下载。

以上 6 个网站为目前主流的开源图标网站,根据每个网站的特点用在不同的场景下,会让设计师事半功倍。
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器