Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 是免費圖示庫「Flaticon」提供的線上工具，協助使用者以喜歡的圖示設計出獨特的背景素材，可使用於手機、行動裝置背景或是做為社群網站背景，也能調整每個圖示尺寸大小、位置、不透明度、旋轉方向和背景顏色等等，最終產生為 PNG、JPG、SVG 三種主要格式或 Base64 編碼，下載前設定每個圖磚（Tile）尺寸和圖片大小。

值得一提的是 Icons Pattern 產生的素材圖案為無接縫圖案（seamless patterns），只要小張的圖片、重複拼接顯示就能製造很漂亮的效果，而且符合各種尺寸和使用情境，我之前介紹過幾個無接縫圖片產生器工具：

• Everypixel Patterns 協助設計師製作無接縫圖案，運用演算法產生圖庫
• VISIWIG 整合免費圖示、背景圖和紋理效果，一鍵複製 CSS、SVG 程式碼
• Bg-Patterns 日本免費網頁背景素材，提供常見格式及向量圖下載

Icons Pattern 圖示素材來源為 Flaticon 網站，網站本身就已收錄超過 200 萬個圖示圖案，不過並非每個圖案或圖示集都能免費使用，如果標示為 Premium 代表需要付費解鎖，還好免費範圍已有不少選擇，有興趣的朋友可以自己去動手玩玩看。

想尋找類似於上圖的手機背景但又沒有合適的選擇嗎？不妨打開 Icons Pattern 工具自己製作一個吧！

Icons Pattern by Flaticon
https://www.flaticon.com/pattern/

使用教學

STEP 1

開啟 Icons Pattern 網站會看到簡單三步驟教學，首先搜尋、找到你要使用的圖示，點選後將它加入並調整尺寸、顏色和背景，最後點選「下載」就能將設計匯出保存為特定格式。

STEP 2

從左側選單點選搜尋，找到特定的圖示集或圖示圖案，點選就會新增到圖片編輯區，也可以使用最下方「Random pattern」隨機加入排列。

很有趣的是 Icons Pattern 加入的素材可以進行進階調整，像是配色、陰影、不透明度等等，不喜歡的話點選右下角「Clear」就能清除重來。

STEP 3

點選左側的調色盤設定圖片背景顏色，調整後會即時顯示於網頁右側編輯器。

STEP 4

編輯完成後點選左下角「Download」綠色按鈕保存圖片。

下載前可選擇格式：PNG、JPG、SVG 或 Base64 編碼，可設定圖磚和圖片大小，點選下方的綠色「Download Pattern」就能下載並取得圖片囉！