「加三嘻行動哇 Yipee! 成為好友」
【Facebook、Youtube、Twitter、Instagram、Telegram、Line】
製作網頁、美工設計時,總需要一些圖案或圖示,如果先前介紹的 illustrio、Share Icon、The Noun Project、IconArchive、PSDBoom 等找不到喜歡的 Icon 圖示的話,不妨試試這次介紹的「Unicons」。
Unicons 收錄使用者介面、商業、建築、攝影圖案…等 20 多種分類、超過 1,000 個圖案,並提供 SVG 和 Iconfont 兩種格式,還能自訂圖示大小和顏色。特別一提的是,Unicons 的 Icon 圖示都是以 24px 網格製作、符合 Pixel-Perfect 完美像素,無論怎麼放大縮小都不會影響解析度。
【網站介紹】
網站名稱:Unicons
網站網址:https://iconscout.com/unicons
特色:
(1) 超過 1,000 個 SVG 和 Iconfont 格式圖示。
(2) 使用完美像素可任意放大縮小。
(3) 網址加入網站即可使用 Unicons 圖示。
(4) 無須註冊即可免費下載。
【使用教學】
第一步:打開「 Unicons 」網站,向下滑動即可看到 Unicons 所有圖示及分類。
Unicons 設計除了可以透過關鍵字搜尋找到相關 Icon 圖示之外,也可以透過分類查詢,Unicons 網站有超過 20 種分類類別,只要按一下左側的分類名稱,右欄就會出現相關的 Icon 圖案。
第二步:找到喜歡的 Icon 圖示之後,只要按一下喜歡的圖示就會顯示載入方式的 Mark up 程式碼、CDN 連結,還有 SVG 下載點。需要下載 SVG 檔案時,就按一下「Download SVG」。
第三步:下載 SVG 圖示時,會自動另開新檔,按一下滑鼠右鍵選擇「另存為…」選項就可以把 Icon 圖示下載到電腦裡。
下載到電腦裡 SVG 圖示,可以直接在 Illustrator、Photoshop…等工具修改顏色與大小,但可以放心的是 Unicons 下載的 Icon 圖示可以任意放大縮小,而且不會影響解析度。
延伸閱讀:
【免費】Human Pictogram 2.0 超過 1,000 種向量小人圖,支援商用還有素材幫小人改造
【免費】設計師必備!The Noun Project 超過 100 萬個 icon 圖示
【免費】IconArchive 專業圖示搜尋引擎,收錄超過 59 萬個 Icon 圖示,還能免費商業使用!
【免費】Share Icon 網站,超過 25 萬個 Icon 圖示任你下載!
【教學】《Preloaders》動態圖示產生器,免費下載超方便!
【分享】「illustrio」自訂風格圖示素材網站,100% 免費下載
【分享】PSDBoom 免費 PSD 素材下載,收錄各種圖示、按鈕、LOGO、背景及網頁模版