设计神器MingCute icon！简洁又精致的一款免费开源icon图标库！

作为 UI 设计师，对于 icon 图标的控制力是训练重点，毕竟哪怕同一幅界面、同一个主题的 icon，那最终效果也可能会是一个天上一个地下。那有没有一些较快掌握 icon 效果的方法呢？

有，以目前为止所积累的经验来看，一款可以提供精美、规范icon的网站是帮助我们迅速提升画面质感的利器，因为 icon 的设计是有严格规范和设计语言在的，那经验不足的时候拿现成的素材是比较正确的，用着用着自己潜移默化的就知道了什么样的 icon 是好的了。说了这么多大家可能已经意识到了，没错！今天要给大家推荐的神器就是一个提供精致 icon 的免费开源素材库！让我们一起继续往下看吧！

一、神器介绍

神器「MingCute icon」，这是一套简洁又精致的开源 icon 图标库，这套图标最大的特色就是风格统一、主题类别齐全，整套目前包含有 1242 个不同的 icon 图标，一共分为十几个不同的类别，完全足以应对绝大多数场景、项目的日常设计需求，所以它非常值得收藏来使用：

网站在浏览icon和获取icon的时候，都是无需登录注册的，点开即用。虽然它是一个英文网站，但是英文的部分不多，而且这类网站的重点其实就是icon，所以大家不用担心使用会有障碍。

OK，介绍完网站的大致情况了，下面就开始给大家介绍网站的具体使用方式！

二、界面内容介绍

我们先来了解一下网站的长相吧，看看有几个鼻子几双眼可以跟我们交流。网站的界面十分的清爽，采用了基础的卡片式布局，各个按钮和内容都像瓷片一样排放整齐：

「网站简介」在向我们做自我介绍，可以从这里得知 Ming Cute 是一套简洁精致的开源图标库。无论是设计师还是开发人员，它都非常适合在 Web 和移动设备中使用。

除了「网站简介」这一个说明性的版块之外，剩下的四个版块全都是跟 icon 息息相关的。网站对 icon 分类特别明确，把网站中的全部 icon 分为了 21 个种类，点开这个下拉框就可以看到所有类目：

可以看到像是常用的建筑类、箭头类、商业类都在里面可以找到，目的明确的话可以直接来这里寻找合适的 icon。「搜索框」就不多说了，更常规的搜索框一样的使用方法，不过最好键入英文，这样比较准确。

最后一个「收藏夹」是跟「icon展示」有联动的，「icon展示」处的所有 icon，都有一个收藏按钮，只需要把鼠标光标放在 icon 上面就会显示出来：

像上图所演示的一样，光标放在 icon 上之后，在 icon 右上角会显示出一个加号按钮，点击这个加号，就会在「收藏夹」里新增一个 icon 进去，当然了，添加进去之后也可以删除，大家随意哈。

在「收藏夹」里还可以保存 icon，既然说到这里了，那下面就开始给大家介绍保存 icon 的方法吧。

三、如何下载icon

下载 icon 的主要阵地还是在「icon展示」区，因为这里是所有 icon 的直接集合地，连「收藏夹」里有没有内容都是由 icon 展示区所决定的，不过「icon展示」和「收藏夹」里关于 icon 的保存，方式都是一样的，连按钮的位置和名称都一样。

第一步，我们需要选中一个 icon，把 icon 的操作面板调出来：

这个操作面板其实跟我们常用的 iconfont 里的操作面板一样，都可以进行 icon 颜色的编辑，可以选择预设的几个颜色，也可以自定色值，大家随意。除了颜色也可以设置 icon 尺寸，十分灵活。

保存 icon 的第二步，需要找到这个弹窗最下面的三个按钮：

都是大家用过的按钮，「Copy SVG」会把icon给复制到粘贴板，然后随意的去粘贴到任何设计软件里。「Download SVG」、「Download PNG」会先把 SVG、PNG 给下载到本地，然后再去随意使用。反正无论哪种方式，等我们把 icon 置入到设计软件里以后，都会发现这些 icon 是真的精致：

每一个锚点都在它们应该在的位置，完全可以直接用，不会二次修改什么的。好了，现在界面和获取方式都给大家介绍完毕了，大家快去自己尝试着操作一下去吧，它很好用，一定能成为你的好帮手！

四、是否可以商用？

一开始向大家推荐这款神器的时候就已经提到过这是一个开源的项目，开源就意味着它们可以被免费商用！大家丝毫不用担心侵权问题，尽情去用吧！

五、值得一试的4个理由

• 免费可商用，无需担心任何增值计划
• icon分类明确查找效率极高
• icon样式精美，不需要二次创作直接用

网址：<a href=”https://www.mingcute.com/” target=”_blank” rel=”noreferrer noopener”>https://www.mingcute.com/</a>