Lineicons 超过 5000 个线条图示，适合设计师或开发使用者介面

Lineicons 是一套收录超过 5000 种图案的图示集，主要设计风格为手工製作线条图示，适合使用于各种现代化使用者介面，例如网页、行动装置应用程序、桌面软件等等，对于设计师或开发专案来说非常有用。其实类似的图示资源还真不少，例如之前介绍过 Uicons、Unicons Icon Library、iconhub、Heroicons、IcoMoon App，这些图示多半都已经完整覆盖常见常用图案，差异在于细节或是授权方式，如果需要寻找开发用的素材可找找免费图示分类。

Lineicons 分为两种方案：Free Basic 和 Pro，前者免费，但可使用的图示图案 532 个，而且没有提供 AI 原始档，使用时需要标示出处来源；若付费升级 Pro 方案就可开启完整五千多个图示集，使用无需标示出处，也会有向量图原始档可进行细部的编辑修改，付费方案依照授权用户数量而有不同定价，起始价格为 $29 美元（一年），定价上并不算太高。

这套图示集除了可直接免费打包、下载整套图示素材，也有免费内容传递网络（CDN）链结快速在网页里载入特定的 Lineicons 图案，只要从 Lineicons 网站就能浏览、搜寻并找到特定图示程序码，也能单独下载特定的图示为 SVG 向量图格式。

Lineicons
https://lineicons.com/

使用教程

STEP 1

开启 Lineicons 网站后点选「Download Now」会看到两种方案比较表，分别是免费基本方案和付费 Pro 方案，可使用的图示素材数量不同，免费使用需要标示出处来源，如果只用得到 Lineicons 里其中几个免费图示的话，只要选择免费版即可。

点选「Download Free」免费下载 Lineicons 图示集，目前共有超过 500 个基本图案。

STEP 2

从网站上方选单选择「Icons」开启图示浏览工具，从这里可以探索各种分类的图示图案，或从上方搜寻栏位输入关键字查找，调整预览图示大小、颜色，左侧则是 Lineicons 分类可找到特定类型的图示素材。

在 Lineicons 网页如果右上角标示为 PRO 代表需要付费升级才能使用。

STEP 3

如果使用者只想寻找免费的基本图示素材，可以在浏览工具右上角切换「FREE」，如此一来图示检视器就只会显示免费版图示图案，减少大部分干扰。

STEP 4

点选要取用的图示图案后就会显示程序码，稍后将 Lineicons 的 CDN 链结加入网站，就能在特定位置载入图片，非常简单，透过 CSS 来调整图示颜色、大小或显示样式，从 Lineicons 网站也能单独复制特定图示 SVG 程序码或下载为 SVG 向量图格式。

从 Lineicons 首页找到 CDN 链结，将它加入网站的 head 就能快速载入特定图示图案，和其他常见的免费图示库差不多（当然使用者也可以下载图示相关文件，将网页字型或相关文件自行上传服务器託管），好处是无需自行託管任何图示图案或字型。

更多的使用说明和示例可参考说明文件。

值得一试的三个理由：

1. Lineicons 收录超过 5000 个图示图案，风格为手工製作的线条图示
2. 免费方案可使用 532 个图示，使用时需要标示出处来源
3. 可透过免费 CDN 载入相关文件，以程序码显示图案