IcoFont 超过 2000 个免费 SVG 图示字型下载

IcoFont 收录超过 2000 个免费图示图案，可以为你的创意设计增添趣味，这些图案都很简单而且易于辨识，网站将图示依照不同主题分类为 30 种类别，让使用者搜寻时可以更快找到自己需要的素材，使找图的流程更快、更流畅。

IcoFont 提供 SVG 向量图和图示字型（Icon Font）两种格式，可单独下载个别图示，也能一次选择多个类别、图案将它打包下载。

依照网站说明，IcoFont 图示可使用于网页或桌面，集合各种类型的图示图案，非常完整且全面的设计，而且 100% 免费！这套图示是开放原始码专案，所有图示採用 CC BY 4.0 授权，字型文件则使用 SIL OLF 授权，其他从 IcoFont 下载的非字型、非图示文件使用 MIT license。

IcoFont
https://icofont.com/

使用教程

STEP 1

开启 IcoFont 网站点选「View All Icons」开启图示检视器（或点选上方选单的 Icons），主要分为左右两边栏位，左侧是各种图示分类和数量，右侧则有搜寻功能、图示预览和标题。

点选图示会显示标记、Hex 和 HTML 字元值参照（HTML Entity）资讯，点选「Download SVG 」下载该图示的向量图格式，或是点选「Add to collection」稍后再打包多个图示下载。

STEP 2

除了单独将图示加入收藏夹，也可点选分类右上角「Add to Collection」将整个分类加入收藏稍后下载，或是点选「Download」将整个分类图示全部下载。

加入收藏夹后点选右上角的「Collection」图案，会看到所有被加入的图示，点选下载按钮就能将所有图示打包、一次全部下载，对于只需要特定图示的使用者来说很方便也很有用。

将图示下载解压缩会有三个文件夹：css、example 和 fonts，如果要使用于网页上，样式表相关文件会在 css 目录，图示字型则是在 fonts 目录下，另外网站也提供使用示例，可以从 example 文件夹找到，包括一个 HTML 文件会显示你下载的所有图示图案。

STEP 3

点选 IcoFont 任意图示会显示标记、Hex 和 HTML 字元值参照，如果要在网页上使用，可以参考 How to use 页面说明载入一段 CSS 样式表（在下载的图示压缩档可找到），透过 Markup 进行调用就能在网页上显示特定的图示图案。

值得一试的三个理由：

1. IcoFont 收录超过 2100 个免费图示，一共有 30 种分类
2. 提供 SVG 和 Icon Font 两种格式，可单独下载或是打包下载
3. 开放原始码专案，图示採用 CC BY 4.0 授权方式释出