
如果要製作簡報、撰寫報告、開發應用程式或網站,有時候會需要用到圖示圖案,網路上有不少提供免費圖示素材的網站,像是 Icons8 就收錄大量圖示、向量插圖或是自行設計圖庫的 Mega Creator,只要標示出處來源並放置鏈結連回 Icons8 就能符合免費授權條件。現在要搜尋素材已經變得簡單許多,付費免費多半是差在可下載的格式、功能和授權不同,稍加留意就能在合法範圍輕鬆使用這些素材。
本文要推薦「Streamline」是一個收錄 10 萬個圖示、插圖和表情符號免費圖庫,也是搜尋查找素材最簡單的方式,製作者身兼設計師和開發人員,他發現很難從現有的解決方案找到滿意的選項,無論是在使用者介面(UI)圖示集不完整或過於通俗,而且需要花很多時間才能找到好的圖示選擇,因此才會有 Streamline 4.0 計畫,讓這些精心設計的圖示和插圖素材可以滿足使用者需求。
Streamline 提供多種不同的付費方案,價格從每月最低 $19 美元至 $29 美元(年繳優惠),使用者註冊後可享有永久免費方案,就能下載網站完整 PNG 圖片,使用時必須加入鏈結連回到原出處。
如果你需要更多格式像是 SVG、PDF 等向量圖格式,或在網站上自訂圖示大小、顏色等選項,需要付費開啟這些功能,好處是 Streamline 也有提供一些可免費下載向量圖格式的圖示集。
Streamline
https://app.streamlinehq.com/icons
使用教學
STEP 1
開啟 Streamline 會看到收錄的圖示集,在寫這篇文章時一共有 15 套,有些圖示集擁有超過數千個圖示圖案,數量可以說非常完整,搜尋時可以先從你有興趣的風格開始。

或是從上方選單選擇 Illustrations、Emojis 查看插圖和表情符號分類。


STEP 2
和其他免費圖示網站一樣,Streamline 會將圖示集的所有圖案列在網頁中,使用者可直接往下捲動、載入更多圖案,或使用上方搜尋功能輸入關鍵字來篩選相關結果。

STEP 3
因為 Streamline 圖示集收錄的圖案數量都很多,動輒數千個甚至一萬多個,除了手動瀏覽也可以透過右上角「Browse categories」來查看特定分類,或是以顏色、風格等條件進行瀏覽,有些圖示集還可以線上調整預覽顏色。

STEP 4
點選圖示圖案後右側會開啟選項,可以看到更大張的預覽圖,從下方選擇要下載的圖片格式(只有 PNG 免費下載),按下「Download」就能從網站獲得圖片。
下載時 Streamline 會跳出要求使用者加入來源鏈結(attribution link),如果是免費使用記得要標示出處才算符合授權協議。

STEP 5
前面有提到 Streamline 提供幾種不同的付費方案,若想要免費下載 10 萬個 PNG 圖示圖案,只要建立帳戶、登入就能開始使用。

STEP 6
除了下載圖示 Streamline 也有不少插圖素材可以使用,下載方法和圖示一樣,點選後從右側工具列選擇 PNG 格式按下「Download」就能取得圖檔,要注意的是免費方案無法下載 SVG 或 PDF 向量圖。

如果是使用 Chrome 核心的瀏覽器像是 Google Chrome、Brave 或 Microsoft Edge 還可點選「Copy」快速將 PNG 圖片複製到剪貼簿。

STEP 7
有些圖示集有免費向量圖可供下載,會在圖示集標示「Free Vectors」,這些圖案可以透過右側「Change colors」功能在線上即時變換顏色預覽,如果剛好需要向量圖圖示格式,不妨先從這幾個提供免費向量圖的圖示集找找,或許會有你需要的圖案。

值得一試的三個理由:
- Streamline 收錄 10 萬個圖示、插圖和表情符號素材
- 註冊為會員可免費下載 PNG 格式,下載 SVG、PDF 需付費升級
- 免費使用需標示出處來源並連回原網站