Emblemicons 收錄 1000 多個最常使用免費圖示,多種格式尺寸下載

Emblemicons 收錄 1000 多個最常使用免費圖示,多種格式尺寸下載

什麼時候會用到免費圖示呢?可能是開發網站、應用程式,或是設計產品、製作商業簡報和學術研究,其實網路上也能找到不少好看好用的圖示集,像 Icons8 就有不少圖片可搜尋、免費下載使用, Google Fonts 亦將自家 Material Icons 釋出直接設計為字型,使用者除了可取得 SVG 和 PNG 格式,也能透過一段簡單的程式碼在網頁任何位置載入需要的圖案。

IcoMoon App 收錄 5500 個免費向量圖示,選取下載 SVG、PNG 圖示字型

IcoMoon App 收錄 5500 個免費向量圖示,選取下載 SVG、PNG 圖示字型

網路上有不少提供免費圖示的素材庫可以使用,大部分都是以風格分類,可一次下載整套圖示,再從圖示集找出自己需要的圖示設計,除了常見的 PNG 格式以外也會有 SVG 向量圖檔,檔案容量更小,也可自行設定要使用的尺寸大小或顏色等等,或是透過網頁字型(Webfont)形式只要載入 CSS 樣式表,就能以程式碼載入特定圖案。

Streamline 收錄 10 萬個圖示、插圖和表情符號圖庫,免費下載 PNG 格式

Streamline 收錄 10 萬個圖示、插圖和表情符號圖庫,免費下載 PNG 格式

如果要製作簡報、撰寫報告、開發應用程式或網站,有時候會需要用到圖示圖案,網路上有不少提供免費圖示素材的網站,像是 Icons8 就收錄大量圖示、向量插圖或是自行設計圖庫的 Mega Creator,只要標示出處來源並放置鏈結連回 Icons8 就能符合免費授權條件。現在要搜尋素材已經變得簡單許多,付費免費多半是差在可下載的格式、功能和授權不同,稍加留意就能在合法範圍輕鬆使用這些素材。

Iconic 用心設計的免費 SVG 圖示集,每週更新加入新圖案

Iconic 用心設計的免費 SVG 圖示集,每週更新加入新圖案

如果你想製作網站或開發應用程式,可能會需要一套簡單、好看且易用的圖示素材,除了不需要重新開發圖示,也會提供明確授權方式標示出適用範圍,例如之前推薦過的 Radix IconsSystem UIconsBasicons 等免費圖示集都很適合使用,現在大多數圖示也都會採 SVG 格式,讓使用者自訂大小、顏色或是進行細部調整,甚至是直接將 SVG 程式碼複製就能套用到網頁中。

Iconduck 超過 11 萬個免費圖示圖案下載,開放原始碼可商業用途

Iconduck

網路上的免費資源相當多,不過都是散落在各處,除非透過搜尋引擎或網站介紹,加上教學步驟或分類索引讓使用者更容易找到,這就是免費資源網路社群持續在進行的工作。但有更多網站其實是專注在單一領域,舉例來說 100font.com 收集整理可免費商用字型,提供字型檔下載鏈結;The Stocks 2 整合多個免費圖庫、影片、圖示和字型,在單一網站就能快速瀏覽切換,其實類似網站很多,通常可以為使用者省下很多時間。

Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸

Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸

無論是開發網站、網頁服務或是一般手機應用程式,一定都會用到圖示,這在網站上通常被稱為網頁圖示(Favicon),應用程式也會因裝置需要不一樣的圖示大小,雖然轉換圖片大小是很簡單的事,但我們不一定確切知道需要什麼樣的尺寸或格式,有一些工具可以快速解決問題,像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示,而且也提供對應的程式碼非常有用。

Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案

Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案

如果有開發或經營網站的經驗,一定知道網站圖示(Favicon)是相當重要的一個環節,這個圖案除了顯示於書籤列表,在開啟網頁時也會出現在瀏覽器分頁標籤左側,對於識別網站來說有一定程度效果,特別是很多人習慣同時打開許多分頁,在這種情況下圖示就成為快速切換特定分頁的方式。一開始就建議選擇具有代表性、容易被記住的圖案或顏色,通常會以 LOGO 或是字母搭配特定顏色加強記憶。

IconPark 字節跳動官方免費圖示庫,1400 個 SVG、PNG 圖片格式下載

IconPark 字節跳動官方免費圖示庫,1400 個 SVG、PNG 圖片格式下載

現在很多企業公司或品牌都會將自己開發的設計素材開放出來,像是圖示集、字型或是網頁框架等等,使這些項目可以被更多人使用,或是在開源的情況下創造出更多可能性,當然一方面也能提高被看到的機會。之前介紹過「IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南」就是其中一個例子,或是 GitHub 釋出的開放原始碼免費圖示 Octicons 也是非常好用的素材庫,如果需要圖示可以直接在網路上搜尋。

PixelTrue 提供 150 張免費向量插圖、動畫圖下載,MIT 授權可商業用

PixelTrue 提供 150 張免費向量插圖、動畫圖下載,MIT 授權可商業用

有一種商業模式大家應該不陌生,那就是提供一部份免費內容,如果需要更多可以選擇付費購買,這經常出現在商業軟體試用或是圖片素材,有些也會依照不同授權方案區分價格,主要是以免費吸引使用者使用,對於一般使用者來說,若沒有打算付費,其實也可以直接使用免費提供的內容,知名的 Icons8 就是一個免費和付費方案並存的例子,尤其在小量使用的情況下,通常免費的範圍就足以應付當前需要。

Radix Icons 小型 SVG 免費圖示集,Figma、Sketch 格式下載

Radix Icons 小型 SVG 免費圖示集,Figma、Sketch 格式下載

還記得上次介紹的 System UIcons 專為系統和產品開發設計的免費圖示嗎?這類尺寸較小、精緻且適用於介面設計的圖案相當深得我心,在很多情境下可能都派得上用場,如果你覺得之前推薦的圖示集不太夠用,或者剛好缺少你需要的圖示,可以試著搜尋其他替代方案。小型圖示集選項很多,通常是開放原始碼(Open Source)且包含多種常見常用圖片格式,接下來要介紹的免費圖示包含相當豐富的圖案,需要的朋友可以研究一下。