GitHub 释出开放原始码免费图示 Octicons，开发者可自由下载或用于商业专案

还记得吗？GitHub 之前将网站前端 CSS 设计框架开放原始码释出为 Primer 专案，为广大开发者提供了更大的灵活性，而最近更把 GitHub 使用的图示一併整理后释出，推出完全免费、可自由下载使用的 Octicons。让我想起前段时间 Google 也释出数百个向量图示，并放到 GitHub 网站上供开发者自由下载，这些图示的设计都相当简洁，而且辨识度高，很适合用于应用程序或网站开发。

GitHub 释出的 Octicons 图示集收录 150 个以上常用标誌，同时也是 GitHub 网站使用的图示，如果需要，可以免费下载、并将它们自由套用到自己的专案开发。

Octicons 提供包括 TTF、CSS 档在内等多种文件格式，若要在自己的电脑上使用图示，可以选择把 TTF 字型档安装进去，若要用于网页或应用程序开发，只要载入 Octicons 的样式档（CSS），以调用方式把图示的特定名称写进去，即可产生特定图示。

根据网站上的说明，Octicons 在 16px 大小的倍数上可获得最佳的效果。

网站名称：GitHub Octicons
网站链结：https://octicons.github.com/

使用教程

STEP 1

开启 Octicons 网站后，可以从首页预览这套图示的呈现效果，点选上方的「Download Octicons」按钮来下载完整图示包。

STEP 2

如果不知道怎么载入图示，可以先参考 Usage 页面说明，简单来说，若你要在网页内使用某个图示，先把下载的 Octicons 相关文件（包括 CSS 档）上传、由原始码载入，然后把该图示页面的程序码示例复制下来，贴到网站里就能够使用。

这是最基本的用法，当然还有更多的用法，总之文件都在图示包里面，下载后就能运用。

STEP 3

GitHub Octicons 的使用方法（Usage）页面还颇详细的，若你要在自己的电脑上使用这套图示的话，只要下载、解压缩，把 TTF 字型档安装到系统内即可。如果是在你的开发专案上使用，则可以把 CSS 样式表载入、使用 HTML 语法来调用特定图示。

值得一试的三个理由：

1. 收录超过 150 种以上的免费图示
2. 提供 SVG、TTF 等多种格式
3. 开放原始码，可自由使用于个人或商业专案