什么時(shí)候會(huì)用到免費(fèi)圖標(biāo)呢？可能是開(kāi)發(fā)網(wǎng)站、應(yīng)用程序，或是設(shè)計(jì)產(chǎn)品、制作商業(yè)簡(jiǎn)報(bào)和學(xué)術(shù)研究，其實(shí)網(wǎng)絡(luò)上也能找到不少好看好用的圖標(biāo)集，像 Icons8 就有不少圖片可搜索、免費(fèi)下載使用，Google Fonts 亦將自家 Material Icons 釋出直接設(shè)計(jì)為字體，用戶除了可取得 SVG 和 PNG 格式，也能透過(guò)一段簡(jiǎn)單的程序代碼在網(wǎng)頁(yè)任何位置加載需要的圖案。

本文要介紹的「Emblemicons」是一套開(kāi)放原始碼免費(fèi)圖標(biāo)庫(kù)，收錄超過(guò) 1000 個(gè)最常用到的圖標(biāo)，用戶可以從網(wǎng)站搜索、檢索并找到想要使用的圖標(biāo)，免費(fèi)下載 PNG、JPG 格式且具備六種尺寸 12px、18px、24px、36px、48px 和 72px，也能下載 SVG 格式透過(guò) CSS 調(diào)整樣式，或是取得 PDF 格式和 HTML 程序代碼。

Emblemicons 提供的圖標(biāo)設(shè)計(jì)都很簡(jiǎn)單，也能從圖案就識(shí)別代表的意思，如果你是 Figma 使用者可以從社群取得 Emblemicons 圖標(biāo)副本，將一千多個(gè)圖標(biāo)直接加入軟件使用。這項(xiàng)計(jì)劃提供的圖標(biāo)圖案皆可使用于個(gè)人、學(xué)術(shù)和商業(yè)用途。

Emblemicons

網(wǎng)站鏈接：https://emblemicons.in/

使用教學(xué)

開(kāi)啟 Emblemicons 網(wǎng)站后往下拖動(dòng)頁(yè)面，會(huì)出現(xiàn)所有圖標(biāo)預(yù)覽和搜索框，輸入關(guān)鍵詞可查找類似圖案，點(diǎn)選圖標(biāo)下方的名稱鏈接到圖標(biāo)頁(yè)面。

在圖標(biāo)頁(yè)面中會(huì)看到 12px、18px、24px、36px、48px 和 72px 不同圖標(biāo)大小的預(yù)覽效果，點(diǎn)選每個(gè)圖案下方對(duì)應(yīng)格式就能下載 PNG、JPG、PDF 或 SVG。

如果你想直接取得某個(gè)圖標(biāo)的 HTML 程序代碼，在頁(yè)面最下方有 HTML Code，只要將代碼復(fù)制、貼到你的項(xiàng)目中就能直接顯示某個(gè)圖案。

值得一試的三個(gè)理由：

• 開(kāi)放原始碼免費(fèi)圖標(biāo)庫(kù)，收錄超過(guò) 1000 個(gè)常用圖案
• 可下載 PNG、JPG、PDF 和 SVG 格式，收錄六種圖標(biāo)尺寸
• 復(fù)制 HTML Code 就能將圖案快速帶入你的開(kāi)發(fā)項(xiàng)目