文章專區

網頁設計相關文章

100+ ET-Line Icons──簡潔的線稿圖示

網頁設計上時常需要各式各樣的icon,網路上也有許多資源可以使用,像是知名的Font-Awesome(可看此介紹Font-Awesome-簡單又好用的icon素材網 ,只要一行字即可直接使用!)

若想嘗試不一樣風格的話,不妨來試試這款線稿風格的icon,讓整體畫面看起來更清爽!

首先到下載網址

按「Clone or Download」即可下載

 

下載回來將檔案解壓縮後,有個「fonts資料夾」和「style.css」,只要將這兩者放到你的檔案目錄裡即可

 

打開index.html就可以看到圖示和各自對應的class名稱一覽表

 

先將style.css置入連結,然後複製要使用的圖示名稱,貼到class裡去,就可以使用了唷!

 

比如說我要用icon-documents這個icon,便將它加進class裡。

 

還可以根據自己的需求更改圖示大小唷,相當實用。