【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns!

大家好~今天要來分享一個提供許多免費下載icon的網站 「FLATICON」,
一般免費icon都是一整組的下載,但這個網站你可以選擇一組當中的其中幾個icon下載喔,
而且還提供不同檔案格式可以選擇,是不是很方便貼心呢 ^_^


【關鍵字搜尋 / Browse瀏覽:尋找icon】

首先進入網頁,可以直接輸入關鍵字做搜尋,也可以直接點開【Browse】可以瀏覽目前最新或最受歡迎的icon組喔!

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-8

【收藏 / 預覽 / 下載 icon】

找到喜歡的icon組點進去後,將滑鼠移到icon上,可以選擇要【收藏】或是【預覽
(不用註冊帳號也可以使用收藏的功能喔,但會經常使用的朋友們也可以註冊帳號,更方便管理呢~)

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-10-1

點入預覽後,可以看到icon的圖案以及不同檔案格式可以提供下載

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-11

也可以收藏多個icon後再一起下載~
像下面圖中有被虛線框起來的就是已收藏的icon了,
然後點選頁面右上角的小方塊按鈕,點開後可以看到目前收藏的icon,
再點選下面的【Download collection】就可以準備下載icon囉~

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-13-1

點下載後,有多種檔案格式可以選擇,像是PNG、SVG、EPS和PSD,或是直接選擇【All formats】可以打包下載所有格式~

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-14-1

再來點選【Free download】就下載完成囉!

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-15-1

【注意 icon 授權許可證】

這網站下載icon很方便吧~
在網頁中提供許多的免費的icon下載,在免費使用這些icon時也要記得標註作者與授權來源!
(詳細的授權依該網站為準,可以參考icon頁面中License授權許可證的部分喔~)

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-19


【製作Pattern】

另外,這網站的icon除了可以直接下載,
還可以組合製作Pattern喔!

進入網頁【點此連結】,一樣可以先用關鍵字搜尋需要的icon~

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-2-1

也可以先在FLATICON網頁中找到喜歡的icon組,然後點選【Create a pattern with these icons

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-18

點選icon就可以看到白色編輯區塊中出現圖案啦~

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-3-1

【Pattern的編輯列介紹】

點一下圖案就會出現編輯列的部分,編輯列從左到右分別是:顏色鏡射透明度複製圖案先後順序刪除
可以依自己的喜好需求去調整圖案喔!

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-4-1

另外直接點住圖案旁圈圈,可以旋轉圖案的方向和放大縮小圖案,也可以直接拖曳圖案的位置呢~

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-5-1

【選擇Pattern的背景顏色】

再來,點選頁面左邊的選單【BG】,就可以來選背景顏色的部分啦~
操作一樣很簡單,拖曳檢色器中的黑色圈圈就可以輕鬆選色囉,也可以依需求調整旁邊的透明度和顏色深淺喔!

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-16

【下載製作好的Pattern】

圖案和顏色都調整好後,就可以來準備下載了~
點選頁面左邊選單的【DOWNLOAD
選擇需要的檔案格式,圖案大小等,確定後就可以點【Download Pattern
就下載完成囉~
icon除了可以製作背景,也可以組合製作新插圖(大家可以多做嘗試唷~)

Free Resource 好康報報 Good Design 好站報報  - 【設計資源】FLATICON-自行挑選icon打包免費下載-還可線上製作Patterns! - flaticon-17

網站操作方便,內含的icon也都很豐富,大家一起來試試看吧 🙂

(網址:https://www.flaticon.com/)

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Free Resource 好康報報, Good Design 好站報報 and tagged , , , , , , , , , , , .

留言功能已關閉。