设计神器Vectoricons Mixer！上千款风格多变的ICON图标素材网站

对 UI 设计师来说，图标 icon 是经常需要打交道的老朋友，不管是在自己的作品中还是实际的商业项目中，一定会需要搭配各种各样优质精美的的图标才能产出优质的稿件。但素材网站那么多， 质量参差不齐，估计有很多设计师朋友很久都没有见过比较高质量且规整的 icon 网站了。 哎～今天你就见到啦～本篇要介绍的神器就是优质到嚣张的 icon 素材网站！它集合了 2D、 2.5D、3D 的 icon，可以免费下载付费商用哦～

神器介绍

Vectoricons Mixer 是著名素材网 iconshock 下的一款子类目，该类目主要是汇总了一些非 3D、 非插画类的常规型优质 icon 供大家选择，包含平面 icon、2.5D icon。这些 icon 还可以通过网站在线对各个 icon 进行换色、设置背景样式，并提供各种尺寸的高清晰度 SVG / PNG 下载。话不多说，让我们来看看应该怎么使用它吧！

使用方式

01.界面介绍

网站的首屏构成不复杂，顶部导航中的 Select Collection（选择集合）是用来让我们快速定位到某个 icon 类目的快速筛选，网站里所有 icon 风格在这里都能找到，比如线性的、面性的、面性多彩的、线性多彩都可以在这里面进行快速查询。顶部导航搜索框就是常规的搜索框，不过需要大家去键入英文，中文查找不出来。

Banner 区域的四个 icon 模块，也是快速查找该系列 icon 的作用，只不过它们四个是网站中的主打，所以优先级就高了起来。在往下是一个广告位，营销网站的各个功能，刺激我们成为付费用户用的，但是这个付费用户是 iconshock 这个总站的付费计划，里面有总站里所有产品的介绍， 里面的产品确实挺优质的，比如 3D icon、动画插画素材、各种设计模板，有兴趣的小伙伴可以去看看：

回归正题，说 Vectoricons Mixer 这个神器，毕竟这个神器不付费也可以下载 icon。从广告位继续往下滑，就可以看到全部 icon 了：

最左边会出现一个侧边栏，是让我们进行 Icon 配置的地方，一会儿说哈，表急～右边最大的部分是各种 icon 了，不过不是该系列的全部 icon，想看该系列全部 icon 还得点一下 icon 名称后面的 See All Icon 按钮。再往下就是一个固定位置的悬浮窗了，它的作用跟侧边栏的配置功能有一定的重叠，只不过对调节预览 icon 大小的控制更快捷。

02.下载方式

首先，如果你想免费下载 Icon，就不用进行登录/注册，因为 Icon 提供两种下载格式，一种 SVG，下 SVG 必须登录且一定要成为付费用户；一种是 PNG，下 PNG 不用登录也不用付费就可以下载。

现在就以免费下载 PNG 为例给大家进行介绍。我就随便找一个 icon 吧：

可以看到，当鼠标在经过每个 Icon 的时候，都会出现两个按钮，一个是加号一样的按钮，这个按钮大家在进行免费使用的时候可以忽略掉，因为这个必须登录才可以用。加号旁边的就是下载按钮了，点了之后选择可以免费下载的 PNG 格式，然后就会让我们选择 icon 的尺寸，32px、 48px、64px、96px 可以免费下载，128px 和 512px 需要登录且付费才可以下载，但是一般 32- 96px 已经够我们用了。

选择一个我们想要的尺寸点一下就自动下载了，就可以随便放在我们自己的项目里使用啦～不过 免费下载的 Icon 如果商用的话，是会有侵权风险的哦，大家最好放个人项目里来使用。

03.Icon配置方法

上面演示了正常样式下的 Icon下载方式，但是左边不是有个侧边栏么，它们是让我们给 icon 穿衣服的。

侧边栏的功能分为三个版块：Shape（形状）、Color（颜色）、Users sets（收藏夹）。其中 Users sets（收藏夹）只有登录以后才可以使用，未登录时不用在意这一块儿。Shape 是给这些 Icon 添加形状背景的，有非常多的样式：

粗略估算一下，得上百吧，使用方式也很简单，选中某一个形状，点一下就把该形状加到所有 Icon 下面了，下载的时候也连同所选形状一起下载下来了：

很简单对吧，当然了，既能选择，就能删除，每个已选择形状都会另起一行展示，当鼠标悬停时会出现删除按钮，点一下就删除了已选择的形状。

该说 Color（颜色）了，Color 是一个对 Icon 进行修改颜色的版块，具体使用方法如下：

Color 面板里面，有默认的九个色卡供大家使用，也可以点击那个吸管 Icon 进行自定义色值。吸管旁边的那个圆形剪头按钮是重置按钮，会重置掉现在已经选择了的颜色。设置完颜色以后，下 载的时候就会下载下来当前所设置颜色的 Icon。

版权许可

未登录下虽然免费使用但无法商用，只限于个人练习使用。想解锁更多姿势，那需要大家进行网站的登录/注册：

虽然网站提供了邮箱登录，但是在这个网站里，没有提供注册的入口，且在总站 iconshock 里， 注册账号的层级隐藏得几乎找不到，所以大家不要浪费时间去纠结。直接用 Facebook 和 Google 这两种账号进行登录，所以大家的先注册一个Facebook/Google 的账号再来这里登录。

登录进去之后，也只能下载 PNG 格式的 icon，想下载 SVG 只能进行付费，但是 PNG也够用了。 收费规则及价格如下：

最低档次个人使用收费规则是 $69 / 终身，对，这三种都是一次买断终身制收费，有需要的小伙伴可以了解一下，毕竟终身制收这个价钱，均下来其实也挺划算。无论你选择的是哪种收费方式，你都可以进行商用了。

值得一试的4个亮点

• 标准规范下产出的Icon
• 简单快捷的下载方式
• 种类繁多的Icon样式
• 自由编辑Icon样式

结语

Icon 素材网站对任何一位 UI 设计师来说都不算多，因为每一个 icon 网站都能满足你全部的需要， 必须好几个一起搭配着使用才能成倍的提升效率。像上面这个神器 Vectoricons Mixer 属于可遇不可求的优质网站，至于多优质，请你自己来试试～

神器链接：Vectoricons Mixer

本文编辑：CCOA

使用过这款神器的小伙伴也使用过...