《GitHub Octicons》200個可商業用免費ICON圖示下載

梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
  之前己分享過幾款可商用且免費的ICON圖示下載,說到ICON圖示無論是網站還是APP幾乎不可或缺,好的ICON圖示除了可提升網站的質感外,甚至也可增加良好的使用經驗,而GitHub這平台大家應該不感陌生,最近也推出了近200個ICON圖示,供大家下載使用,同時也可應用於自己的專案中,由於GitHub本身擁有豐富的前端使用者經驗,因此整理出來的200個圖示都相當的實用,同時裡面的圖示梅干還蠻喜歡的,同時下載後,裡面包含了TTF、CSS、SVG...等檔案,因此可靈活的應用於網頁與APP中,同時使用方法也相當的簡單,現在也一塊來看看吧!

GitHub Octicons:
網站名稱:GitHub Octicons
網站連結:https://octicons.github.com/

Step1
首先,進到GitHub Octicons後,下方會看到所有的ICON圖示縮圖,接著點下方的下載鈕,先將素材給下載回來。
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
Step2
接著解壓縮後,就會看到以下的資料。
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
Step3
點進ICON縮圖後,就會看到該圖示的使用方法,同時GitHub Octicon分別有定義了一大一小的類別可使用,由於這些都是向量檔,因此大小也可自行設定。
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
Step4
接著開啟網頁,再將CSS引用到網頁中,並引用所需的ICON圖示名稱。
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
Step5
這樣就可看到剛所使用的ICON圖示啦!
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
Step6
由於是向量格式,因此可自行的定義所需的圖示大小、色彩。
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載
Step7
由於是向量格式,因此任意的改變圖示大小,也不會失真,同時GitHub Octicon還蠻漂亮的,因此身為網設的你也趕快來下載囉!
梅問題-《GitHub Octicons》可商業用免費ICON圖示下載

相關文章

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。