图标网站收集

单色图标网站

 

/ 1 /

ICOOON MONO

 

 

 

 

❶ 网站地址:

 

❷ 网站简介

① icooon mono 是一个来自日本的免费单色图标库

② 网站中的单色图标被分成了 15 个类别,涵盖生活各个方面

③ 用户无需注册,就可以下载图标进行使用,不限制使用场景。

 

❸ 特色功能

网站默认是黑白图标,在详情页可输入颜色 RGB 值修改颜色。

 

❹ 下载方式

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

 

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

 

/ 2 /

iconmostr

 

❶ 网站地址:

 

 

❷ 网站简介

① iconmonstr 网站 UI 简洁,由德国一位专门从事图标设计的设计师创建。

② 目前网站已经有 4115+免费图标供公众下载和使用

③ 图标数量还在日益增长中。

 

❸ 特色功能

为图片格式的图标提供下载前修改颜色、添加边框、修改边距等的功能支持

 

 

❹ 下载方式

网页中点击对应的图标,即可跳转到图标详情页:

① 选中对应的格式

② 勾选“I agree to the License Agreement”

③ 最后点击“Download”即可

 

/ 3 /

Illustrio

 

❶ 网站地址:

 

 

 

 

❷ 网站简介

 

① 一个 100%免费的 icon 库

② 站内所有的图标均可免费下载和商用

③ 非得说缺点就是下载的时候需要你注册登录

 

❸ 特色功能

 

① 可以自定义图标颜色

② 同一个图标能够在线变换为 15 种不同的风格

 

❹ 下载方式

① 注册并登录他们的网站

② 修改好图标的颜色风格

③ 点击对应的格式,下载图标

 

/ 4 /

pictogram2

 

 

 

 

❶ 网站地址:

 

❷ 网站简介

① 来自日本的免费火柴人图标素材网

② 涵盖应用场景丰富全面

③ 支持英文和日文关键词搜索。

 

❸ 特色功能

网站提供了不同体位,不同性别的同一场景的图标,比如下图的膝踢,在右侧就提供了八种可能会用到的场景图标

 

❹ 下载方式

网站一共提供矢量图标与图片图标,两种类型,三种格式的图标文件下载,图片图标(PNG&JPG)不支持颜色的修改,而 Ai 格式的矢量图标支持颜色修改。

点击对应的格式名称就可以下载图标了。

 

/ 5 /

silhouette-ac

 

❶ 网站地址:

 

❷ 网站简介

① silhouetteAC 是一个来自日本大阪的免费矢量图库

② 网站提供的超过 52000 个图标全都是矢量剪影素材。

③ 提供了 15 个种类的素材,基本涵盖了生活中的各个场景。

 

❸ 特色功能

① 和之前的网站不同,该网站支持中文搜索,外语不好的同学有福啦~

 

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

 

❹ 下载方式

① 点击任意图标进入详情页

② 选择合适的格式页面中有矢量与图片两种类型,四种格式的图标供下载,

③ 点击【免费下载】下载单独图标,点击【添加到 DL 文件夹】打包下载

 

 

综合图标网站

 

/ 6 /

easyicon

 

❶ 网站地址:

 

❷ 网站简介

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

 

❸ 特色功能

① 网站支持中文搜索,会将中文自动转换为英文关键词进行搜索

② 网站会自动帮你推荐同一种风格的图标

③ 在图标详情页注明图标可免费使用的场景

 

❹ 下载方式

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

 

 

/ 7 /

flaticon

 

 

❶ 网站地址:

 

 

❷ 网站介绍

① 最大的免费图标汇聚地,图标垂直搜索网站。

② 提供 PNG,SVG,EPS,PSD 等格式的图标下载。

 

❸ 特色功能

① 网站提供整套图标的搜索,也提供单一图标搜索

② 下载 PNG 和 svg 格式的图标支持颜色修改

 

③ 提供了图标背景平铺的功能——

动图封面
 

 

❹ 下载方式

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

 

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

 

/ 8 /

iconfinder

 

❶ 网站地址:

 

❷ 网站简介

 

① 图标垂直搜索网站,主要提供的付费图标库的搜索,

② 通过条件筛选,选出风格各异的免费图标资源。

 

❸ 特色功能

使用网站内置的条件筛选器,我们可以筛选出风格不同图片或矢量的,免费或收费,是否能商用,不同大小的,背景各异的图标资源。

 

❹ 下载方式

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

 

以上就是为大家推荐的 8 个图标素材网站,从单色图标搜索和综合图标搜索两个部分进行了分类。有了这些网站,以后可不要再说找不到合适的图标咯~

 

 

1.IconPark

IconPark是字节跳动出品的高质量开源图标库,有线性、填充、双色、四色4种分类,支持SVG、PNG格式。

优点:图标样式统一,不会出现风格的偏差

缺点:图库量不够,有时候难以满足需求

链接:iconpark.oceanengine.com/

 

2.Iconfont

Iconfont是阿里巴巴打造的矢量图标库,提供矢量图标下载、在线存储等功能,支持SVG、AI、PNG格式。

优点:图标全,风格种类多

缺点:图标不成套,使用的时候要二次修改成统一的

链接:iconfont.cn/

 

3.Flaticon

Flaticon是国外的一个提供矢量图标下载的素材库,里面有各种风格的图标供选择,支持Webfont,SVG,PNG 等三种格式。有免费的也有付费的,但作为图标参考还是很有帮助的。

优点:图标全,风格多,样式好看

缺点:暂未发现

链接:flaticon.com/

 

4.Iconfinder

Iconfinder也是外国的一家图标网站,有很多免费的成套图标,支持PNG、SVG、AI等格式。

优点:图标全,样式好看

缺点:不支持中文搜索

链接:www.iconfinder.com/

 

5.IconStore

IconStore是国外一个图标素材网站,图标质量高,并有详细的分类,支持AI/SVG/EPS格式下载,可以免费商用,无须标注出处。

优点:图标成套质量高

缺点:图标数不够多

链接:iconstore.co/

 

 

一、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 个网站为目前主流的开源图标网站,根据每个网站的特点用在不同的场景下,会让设计师事半功倍。

posted @   记录——去繁就简  阅读(508)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器
点击右上角即可分享
微信分享提示