Lineicons 以線條稿為主的向量圖示，免費版有500+任你用

　　現在在設計網頁，愈來愈重視UIUX，因此會發現到現在的網站會大量的使用一些圖示，讓你不用看文字，立即就知道這個圖示代表著什麼意義，而向量圖示就像免費字型一樣，永遠不嫌多，而今天梅干要來分享一個，以線條風格為主的向量圖示Lineicons，而Lineicons免費版則提供500多款的圖示供大家使用，付費版則有50000筆之多。

各位可以先使用免費版本，當找不到喜歡的，再付費為會員，同時付費會員除了可作為商業使用外，甚至還提供AI原始檔，讓你可自行修改，而Lineicons除了可整包下載外，也可提供CDN服務或是拷貝SVG格式，直接應用在網頁中，因此身為網頁設計的你，也趕快手刀收藏囉！

---

Lineicons

---

Step1
首先在進入Lineicons後，點上方的Docs頁籤，就可找到CDN的連結位置

---

Step2
再把CSS素材引用到網頁中後，接下來就可透過Icons頁籤中，來尋找所需的圖示啦！由於免費與付費的圖示會混在一起，因此可將右上的切為Free類型，這樣就只會顯示免費的圖示。

---

Step3
都設定好後，接下來就可透過輸入框，搜尋所需的圖示。

---

Step4
在找到圖示了，除了可複製圖示的CSS類別名稱。

---

Step5
再貼到HTML中，圖示立即就會顯示。

---

Step6
甚至也可透過SVG方式，只載入所會用到的圖示就好，會比嵌入整個素材包要來的快許多，喜歡的朋友，也趕快把這平台放入口袋名單吧！