图标网站收集
单色图标网站
/ 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 个网站为目前主流的开源图标网站，根据每个网站的特点用在不同的场景下，会让设计师事半功倍。
浙公网安备 33010602011771号