酷站兩連發！收錄高達130萬免費圖標素材的兩個網站

繪製圖標並不是一件容易的事，需要素材時大部分使用者可能會轉向國外網站來進行搜尋靈感，今天介紹連個圖標素材站，總收錄高達130萬個，幫你找到高質量的圖標素材。

本文要介紹的這款 Icon Ninja 是一個免費圖示搜索引擎，共收錄高達89萬個圖示！數量非常可觀。用戶只要輸入搜尋關鍵詞，即可找出所有類似圖案，無須註冊就能快速下載取得特定大小的圖示。

比較特別的是 Icon Ninja 將圖示格式分為一般點陣圖（PNG）和向量圖兩種，預設情況應該只會搜尋較多人使用的點陣圖，如有需要，也可以將搜尋 SVG 圖標功能開啟。向量圖一大特色是不會因放大縮小而造成圖片失真，因此更適合用在印刷或應用程序、網頁開發。

此外，Icon Ninja 還能將你選取的所有圖示合併為單張 PNG 圖，利用 CSS Sprites 處理技巧應用於網站以提高載入速度，開發者無須自行拼湊圖片，直接在在線就能完成前置作業。

Icon Ninja

STEP 1

開啟 Icon Ninja 網站後，直接於首頁搜尋框輸入要查找的關鍵詞，如果要搜尋 SVG 向量圖格式的話，記得把右邊選項切換到開啟。輸入後按下確認就會出現相關的搜尋結果。

若你沒有任何靈感，也可以點選首頁左上角「View All Icons」來查看 Icon Ninja 網站收錄的所有圖示集，上方選單切換「向量圖示（Vector Icon）」或「PNG 圖示」，用途及使用情境應該不太一樣。

剛才特別看了一下，圖示集就有超過一千個頁面！看來不是很容易從瀏覽來找到自己需要的圖案，搜尋會是比較快且省時的方法（或者也可以利用上方的 All tags 來檢索標籤）。

STEP 2

例如我任意輸入一個關鍵詞後，Icon Ninja 就跑出所有相關圖標，將滑鼠游標移動到圖案上方，點選「View icon detail」可以查看圖標集內完整圖片。

STEP 3

進入圖標的詳細信息頁面後，點選你要的圖示大小即可一鍵下載、保存，依照不同圖示而有不一樣的大小可以下載，例如：16×16、32×32、48×48、64×64、72×72 和 96×96、128×128 等等。另外，下方還會顯示同一套圖標集的其他圖案（或者點選 Belong to Icon sets 後面的圖示集鏈結也能找到）。

STEP 4

比較可惜的是 Icon Ninja 好像無法一鍵快速把圖標集里的所有圖案下載回來，或許是避免被大量下載而造成負擔，無論如何，使用者仍然可以分開下載（沒有限制），將游標移動到圖標上選擇「Add to CSS Sprites」來組合成一張圖片。

STEP 5

下圖就是利用 Icon Ninja 內建的 CSS Sprites 功能把多個圖標組合到單一圖片里的畫面，如果不知道如何在網頁中使用，也可點選 Usage 取得說明。

點選左下角「2* %」會出現 CSS 語法框，然後點選「Select Sprite」選擇其中的某一個圖標，就會顯示載入該圖標必須使用的語法範例啰！不過這裡無法很詳細的寫出 CSS Sprites 載入圖示的完整教學，如果有興趣的話，可以試著透過這關鍵詞來 Google 更多參考數據。

EASYICON

Easyicon 收錄了超過 400,000 萬個以上精美 PNG、ICO、ICNS 免費圖示，內容相當豐富，網站提供英文、中文兩種操作模式，用戶只需要輸入關鍵詞或點擊首頁的 Tags 即可找到自己需要的圖示，網站亦提供最近更新、熱門圖示以及 LOGO 下載等項目。在 Easyicon 網站里的圖示都有多種尺寸，也可以將圖示通通打包下載，圖標頁面會標示圖標集名稱與相關鏈結，如果需要授權也很容易聯絡到原作者。

在熱門圖示頁面里，會列出網站的熱門圖標卷標，也就是俗稱的標籤雲。只要點擊鏈結就會列出相關的圖示。

Easyicon 的操作我很喜歡，圖標可以輕鬆預覽，要下載時只要點擊圖示左下角的格式鏈結就能免費下載。如果不想一個一個下載的話，點擊圖示右下角的 + 號可以將圖示先丟到右下角，稍後打包下載。

Easyicon 的搜尋結果與 Google 圖片類似，左側能夠選擇按顏色、熱度、尺寸來列出圖示。

每個圖示都有頁面，會列出包括關鍵詞、尺寸、圖標集、作者、網站、用戶許可證等等，下方也會有圖示在不同尺寸下的表現情形，一樣點擊 PNG, ICO, ICNS 可以下載圖示。

Easyicon 是我很喜歡的網站，有許多圖示我都是從 Easyicon 里搜尋到的，如果你也正巧需要尋找圖示，或者在工作上會用到的話，不妨來這網站尋寶，或許會有你需要的也說不定。