Icons Pattern 是免費(fèi)圖標(biāo)庫「Flaticon」提供的在線工具，協(xié)助用戶以喜歡的圖標(biāo)設(shè)計(jì)出獨(dú)特的背景素材，可使用于手機(jī)、移動(dòng)設(shè)備背景或是做為社群網(wǎng)站背景，也能調(diào)整每個(gè)圖標(biāo)尺寸大小、位置、不透明度、旋轉(zhuǎn)方向和背景顏色等等，最終產(chǎn)生為 PNG、JPG、SVG 三種主要格式或 Base64 編碼，下載前設(shè)定尺寸和圖片大小。

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

Icons Pattern 圖標(biāo)素材來源為 Flaticon 網(wǎng)站，網(wǎng)站本身就已收錄超過 200 萬個(gè)圖標(biāo)圖案，不過并非每個(gè)圖案或圖標(biāo)集都能免費(fèi)使用，如果標(biāo)示為 Premium 代表需要付費(fèi)解鎖，還好免費(fèi)范圍已有不少選擇，有興趣的朋友可以自己去動(dòng)手玩玩看。

想尋找類似于上圖的手機(jī)背景但又沒有合適的選擇嗎？不妨打開 Icons Pattern 工具自己制作一個(gè)吧！

Icons Pattern by Flaticon

網(wǎng)站鏈接：https://www.flaticon.com/pattern/

使用教學(xué)

開啟 Icons Pattern 網(wǎng)站會(huì)看到簡單三步驟教學(xué)，首先搜索、找到你要使用的圖標(biāo)，點(diǎn)選后將它加入并調(diào)整尺寸、顏色和背景，最后點(diǎn)選「下載」就能將設(shè)計(jì)輸出保存為特定格式。

從左側(cè)選單點(diǎn)選搜索，找到特定的圖標(biāo)集或圖標(biāo)圖案，點(diǎn)選就會(huì)新增到圖片編輯區(qū)，也可以使用最下方「Random pattern」隨機(jī)加入排列。

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

點(diǎn)選左側(cè)的調(diào)色盤設(shè)定圖片背景顏色，調(diào)整后會(huì)實(shí)時(shí)顯示于網(wǎng)頁右側(cè)編輯器。

編輯完成后點(diǎn)選左下角「Download」綠色按鈕保存圖片。

下載前可選擇格式：PNG、JPG、SVG 或 Base64 編碼，可設(shè)定圖磚和圖片大小，點(diǎn)選下方的綠色「Download Pattern」就能下載并取得圖片啰！

值得一試的三個(gè)理由：

1. 免費(fèi)圖標(biāo)網(wǎng)站 Flaticon 提供的在線工具，以圖標(biāo)設(shè)計(jì)出獨(dú)特背景圖
2. 產(chǎn)生的素材圖案為無接縫圖案，只要重復(fù)拼接即可制造漂亮效果
3. 下載為 PNG、JPG、SVG 三種格式或 Base64 編碼