很多年前介紹過「FlatIcon 超過 12000 個平面化圖示設計免費下載」設計資源,時至今日它已經是個非常龐大的素材庫,這家公司旗下還有包含 Freepik、Slidesgo 等知名的網站,前陣子剛推薦過 Icons Pattern 以 Flaticon 提供的圖示製作無接縫背景圖片工具,對於要產生重複拼接效果的素材很有用,接下來還要再推薦一個也是 Flaticon 旗下的免費工具,如果需要開發網站、軟體或應用程式可以研究一下。
圖示製作
Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器
Icons Pattern 是免費圖示庫「Flaticon」提供的線上工具,協助使用者以喜歡的圖示設計出獨特的背景素材,可使用於手機、行動裝置背景或是做為社群網站背景,也能調整每個圖示尺寸大小、位置、不透明度、旋轉方向和背景顏色等等,最終產生為 PNG、JPG、SVG 三種主要格式或 Base64 編碼,下載前設定每個圖磚(Tile)尺寸和圖片大小。
FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用
Iconshock 開發了一個「Free Icons」工具,收錄超過 100,000 個免費開放原始碼圖示、50 種以上開源圖示集,很多都是免費資源網路社群介紹過的圖示專案,例如 Unicons、Iconic、Octicons 和 Feather Icons 等等,這項服務將這些圖示重新標記,加入更精確的搜尋功能,讓使用者可以更準確找到需要的圖示,也能在下載前對圖示上色,選擇不同的圖片格式、尺寸大小。
IcoFont 超過 2000 個免費 SVG 圖示字型下載
IcoFont 收錄超過 2000 個免費圖示圖案,可以為你的創意設計增添趣味,這些圖案都很簡單而且易於辨識,網站將圖示依照不同主題分類為 30 種類別,讓使用者搜尋時可以更快找到自己需要的素材,使找圖的流程更快、更流暢。
PNG Repo 超過 30 萬個高品質免費圖示、圖片下載
前段時間介紹過「SVG Repo 超過 30 萬個免費圖示向量圖格式下載」,收錄許多經過 SVGO 最佳化的向量圖示,這個服務旗下還有其他相關的免費資源,例如接下來要推薦的「PNG Repo」,從字面就知道這項服務有別於 SVG Repo ,主要以提供 PNG 圖示和圖片素材為主,如果你比較習慣使用點陣圖格式而不是向量圖,可以到這個網站來找找有沒有合適的素材。
Tabler Icons 免費向量圖示集,超過 1200 個圖案具備完整可自訂性
之前介紹過不少 SVG 格式的免費向量圖示集,像是 iconhub、Heroicons、Emblemicons 或是 IcoMoon App 等等,不同圖示素材都有自己的樣式風格,不過普遍都是較為簡潔的線條,可符合各種設計情境,此外,SVG 圖示也能快速複製程式碼,在網頁特定位置直接顯示,因為其向量圖特性無論是放大縮小或是調整為各種顏色、背景也都很簡單,不會有失真或是模糊等問題。
Heroicons 手工打造 SVG 免費圖示集,收錄兩種樣式 230 個常見圖案
Heroicons 是一套漂亮的手工製作 SVG 免費向量圖示集,也是 Tailwind CSS 框架開發者製作釋出的圖示圖案,收錄超過 230 個常見圖示,依照樣式分為僅有外框(Outline)和填滿實色效果(Solid)。前者主要使用於主要導覽列和營銷區塊,設計為 24×24 大小,後者適合按鈕或表單元件使用,設計為 20×20 尺寸。