Unicons Icon Library 超过 4500 个免费图示向量图和网页字型下载

Unicons 是一套收录超过 4500 种图案的图示库，来自开发商 Iconscout，本身有四种不同风格设计，包括单纯线条（Line）、单色（Monochrome）、填满颜色（Solid）和更细边框线条（Thin Line），超过 20 种分类，像是箭头、品牌标誌、商业、对话、云端服务、通讯网络、装置、文件文件夹、多媒体、医学、安全性、购物、交通工具和使用者介面，都能在图示库找到各种对应的图案。

如同 Unicons 网站所述，这是一套精心设计的图示集，每个图案细节符合完美像素（Pixel-Perfect），提供向量图格式 SVG 文件让使用者下载，亦可以网页字型（Webfont）将图示集整合到自己的开发专案或应用程序。

不过要注意的是 Unicons 只有免费提供「线条（Line）」图示风格下载，其余风格设计有部分可免费使用，但大多数都是需要付费升级 Iconscout Premium 会员才能取得。

这套图示库採 Apache 2.0 授权释出，使用时需要标示出处并连结回到原网站。

如果你有兴趣的话，Unicons 也是一个开放原始码（Open Source）专案，可以从 GitHub 找到完整的图示向量文件，从 Unicons 网站也能取得图示集，一共有 1206 个图案，考量到文件大小或速度问题的话可单独从网站选择要获取的图案。

Unicons
https://iconscout.com/unicons

使用教程

STEP 1

开启 Unicons 点选「Explore」开始浏览图示图案，右上角可以看到这套图示库目前一共有四种不同的图案风格，但只有 Liine 可以整套图示免费下载。

STEP 2

从左侧选单「Categories」选择要浏览的图示分类，或使用上方搜寻框输入关键字搜寻。

STEP 3

开启后浏览 Unicons 图示库所有素材，点选图示会在右侧显示更大张的预览图，除了变更显示颜色，也有 SVG 向量图或打包整套图示集的下载按钮。

从右侧点选「SVG」下载某个图示向量图格式，下方也有以网页字型、Vue 或 React 载入特定图案的程序码可快速复制。

STEP 4

如果要下载整套图示集（Download Bundle），点选后需要建立一个帐户，使用 Google 或 Facebook 帐户登入就能完成此步骤，无需额外验证程序。

下载、解压缩后可以获得超过 1200 个图示图案，使用时记得要标示出处来源，Iconscout 也提供程序码让使用者快速复制取用。

STEP 5

如果选择 Monochrome、Solid 或 Thin Line 风格的图示图案，左上角标示一个皇冠，代表需要付费升级为 Iconscout Premium 会员才能下载、解锁所有的 Unicons 风格。

STEP 6

最后再回到 Unicons 做为网页字型的使用方法，点选首页「Start Using」会看到如下网页画面，直接给使用者一个对应的网页样式表 CSS 链结，只要将这段原始码加入网页，就能在特定位置载入图示图案（参考 Unicons 图示列表找到 Font 程序码），也是一个很快速且有效率的应用方式。

值得一试的三个理由：

1. 精心设计的图示集，收录超过 20 种分类、4500 个图案
2. 提供向量图 SVG 格式下载，亦能以字型方式嵌入使用
3. 採用 Apache 2.0 授权，免费使用时需标示出处来源