免费分享 30+ 个高质量 B 端图标资源

图标一直都是一个难啃的硬骨头。记得在前年，我们系统地分享了关于B端产品图标设计的内容，其中也涉及到了B端产品图标资源。

时隔两年，我们发现市面上的图标已有所更新，因此我们也尝试更新相关的资源内容，以供大家学习使用。

说句题外话，这些资源都是我在各大图标平台手动筛选而来，因此耗费了非常多的精力。也希望大家能够手动 点赞 好看，也算是支持一波~

（一定要看到最后，文末有资源福利~~）

首先，我们将图标资源分为三类：工作台图标，导航菜单图标和系统图标。

工作台图标主要在工作台的位置进行呈现，一般是设计风格比较复杂、质感比较突出的图标类型。

系统图标可以理解为系统中的基础图标，它们主要以单色的形式存在。

导航菜单图标主要出现在系统的导航菜单，从设计风格上来看，导航菜单通常为双色图标或面形图标。

我们按照工作台图标、导航菜单图标、系统图标的顺序推荐相应的图标资源。

首先声明，我不确定这些图标资源是否可免费商用。如果要商用，请再咨询版权问题。

当然，推荐这些资源的目的其实是我们作为设计师，我相信大家可以通过上述图标风格绘制出自己的图标。

这套图标非常干净、整洁，由双色图标组成。虽然图标数量不多，但每个图标的质量都有保证，而且运用范围非常广泛。许多同学过去都会使用这套图标来绘制自己的工作台页面，因此使用难度较低。值得大家收藏一波！

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=25119

最近我们接到了越来越多的汽车行业相关需求，因此发现B端汽车产品也非常多。这套图标主要针对汽车相关的所有信息内容。整体图标以双色为基础，使用起来整体感受也非常好。这是汽车行业中比较不错的开源优质图标。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=41768

这套图标一共有近90个，都是常见的OA产品功能模块，例如员工福利、人事管理、员工转正、项目管理等等。每一个图标的绘制都非常精美，如果你的产品与OA相关，不妨试试这套图标。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=39755

医疗健康图标是许多设计师非常头疼的事情，因为其本身含义就比较复杂，表达起来就更加困难。而这套图标本身有64个，每一个图标所表达的含义都非常明确，几乎适用于大多数的医疗系统。该图标集可以直接下载，即插即用，非常适合从事医疗项目的同学。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=38530

这套图标的绘制非常抽象，利用各种结合图形来表达其功能的含义。每一个图标都画得十分精美，而且图标数量也非常丰富。如果你有需要，可以以这套图形为基础进行相应的调整。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=39236

这里提供了 Iconpark 的插画，但我认为这套图标库可以用在我们工作台的首页上。因为它是由大厂出品，图标质量没有任何问题，并且质感非常棒。将其应用于页面展示肯定非常出色。

https://iconpark.oceanengine.com/illustrations/6

这是一套非常小巧的插画图，其质量非常高。作者的真诚也让人感到感动。在评论区下方，作者提供了对应不同格式的文件资源，方便我们进行学习和使用，这值得点赞！！

https://www.iconfont.cn/illustrations_3d/detail?spm=a313x.7781069.1998910419.d9df05512&cid=43461

这套图标相对之前的版本显得更加简洁，但直接使用图标仍存在一些问题，比如元素角度过大、图形质量不高等缺陷。不过我们可以将其作为素材，稍加调整后使用。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=43076

导航菜单图标，顾名思义就是出现在导航菜单的部分，虽然导航菜单的设计，通常会存在线性图标和面性图标两种，但是我们这里为了图形的准确，主要是以线性双色图标为主。

https://iconpark.oceanengine.com/official

Iconpark 确实是字节跳动提供的一套非常优质的图标库，其中包含几千个图标。你可以根据需要调整它们的风格。如果你对导航菜单设计感到迷茫，可以考虑使用 Iconpark 自定义风格，并将其应用到导航菜单中。

这套医疗图标，除了配色稍显，稚嫩之外，其他挑不出什么太大的毛病，我一直都认为医疗的图标是非常难绘制的，因为它会包含很多特殊的器官，特殊的业务，而这些内容都是我们通常看不到的，而这套图标它整体的表达非常专业，也适合我们直接去做使用

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=42142

和上方的医疗图标类似，只是在配色上这个图标更为讨喜一些。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=43874

一套比较简单、质量还算不错 的商务办公图标库。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=41241

这套图标本身是以租赁业务为主的图标设计，但是你会发现图标当中涉及了很多通用的元素，那我们可以利用这些图标内容进行相应的调整，进而就会产出更多更优质的图标内容。

并且这个图标本身质量非常高，也便于我们去进行学习和模仿。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=40195

这套图标主要是比较新奇，之前没有接触过地下管道究竟是做什么的，能通过这套图标，我们大概能了解它的一个具体的内容以及相应的画法。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=36172

这套导航菜单的图标延续了我们之前在图标设计文章中提到的原子设计。图标被分为子图标和主图标两类，这种方法优化了大量数据的呈现方式。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=34347

通常我们的图标库以扁平化为主。但是这套图标库保留了更多的产品细节，并且每个图标的风格都保持一致。由于绘制的难度非常高，图标库的质量也非常优秀。因此，我在这里推荐大家查阅和使用这个图标库。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=17668

一套简单的图标库，不过其主要遵循了 原子图标 的设计方法，因此在这里进行推荐。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=42186

绘制政府相关和医学相关的图标都非常困难。但是，这个图标包为我们提供了一些绘制的思路。尽管图标的配色不是特别优雅，我们可以随意更改从iconfont下载下来进行更改。

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=39417

这套政务系统图标质量非常不错，图标本身也非常全面，只不过不能进行商用，大家只能“欣赏欣赏”

https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=42749

https://remixicon.com/

Remix Icon是 国人设计师章萧醇开源的一款图标库，目前这个图标库里共有2271个图标。图标涵盖建筑、商业、通讯、设计、文档编辑、财务、健康等十多种图标类型，可以直接下载SVG或PNG版本或者复制SVG代码

从图标质量上来看，Remix Icon的质量算是我见过开源图标库中最高，拥有线性和面性两种不同版本，两千多个的图标里，一定有你需要的～

https://feathericons.com/

https://www.figma.com/file/dyJRSFTIajik4cdkcXN8yA3K/Feather-Component-Librar

Feathericons是一个漂亮和简单的开源图标库，每个图标均以24x24网格设计，它包含282个SVG图标，你可以使用右侧的设置去调整图标的粗细以及图标大小，你还可以通过单击网站右上角的月亮图标来切换明暗模式。

如果你是Figma的用户，作者也提供了Figma插件，在使用上的体验会更加的友好

https://akveo.github.io/eva-icons/#/

Eva Icons是Eva Design System中的图标部分，一共有480个开源图标，分别以SVG和PNG格式展示。在图标类型上，你可以选线性和面形两种风格图标，很有趣的一点，你可以将鼠标Hover图标上去，你可以自己设定图标的动画效果，如：放大、晃动、翻转，这大概就是设计师的情怀吧～

https://heroicons.dev/

Heroicons是由Tailwind CSS的创建者构建的另一个很棒的开源图标库。它具有超过165个具有填充和轮廓样式的独立图标，但每个元素也提供深色和白色版本。图标的外观非常优质且制作精良

这些图标的入门非常简单，他们还提供了Figma中的库。如果你想包含所有的图标，你可以从公共资源库中下载所有的SVG文件

https://ikonate.com/

最后但并非最不重要的是，Ikonate是另一个令人敬畏的开源图标库，它拥有约100个基于平面设计的高级图标。它是根据非常宽松的MIT许可证慷慨授权的

导出之前，你可以轻松配置图标的大小，边框宽度，边框和边角以及颜色

当然上述提到的链接众多，因此大家一一复制起来效率很低，因此我们给大家准备了所有资源的汇总，放在了我的个人网站，大家可以直接访问下方链接获取（也可以点击阅读原文）
https://youthce.com/resources

因为这里的每一个图标，都是我手动筛选出来的，看了将近 1000+ 套图标，你如果也有更好的图标资源，欢迎在评论区里补充~

觉得资源还不错，别忘了 在看、转发 一波，让更多优质的 B 端设计师看见~
（在看超过 30 我们立马安排下一期 [B 端设计分享会资源] 汇集 B 端行业高质量的分享会视频，看你们的了🥳 ）

我是 CE青年，一个 2 B 行业的 2B 设计师~

下期见！