LineIcons 是一個面向設計師與開發人員而設計的免費圖標 Icons 網站,在網站當中所提供的所有圖標都非常適合用在 Web、Android 或 iOS 應用程式當中,裡面包含了 2000+ 個基本圖標 Icons,幾乎能夠涵蓋所有你設計開發時所會需要使用到的所有圖示。
LineIcons 當中提供了多種不同的擴展格式,包含了 Web 字體、SVG 圖片格式與 AI 原始檔…等等,你可以選擇你所需要的圖標類型進行使用。
LineIcons 當中所有的圖標都是 100% 免費的,無論 Basic Free 還是 Pro 的授權,都是可以免費用於商業用途,差異在於 Basic Free 的授權方式需要在底下附上署名,而 Pro 版本則無需署名,且所提供的圖標數量更多,更提供 AI 的檔案格式可供下載。
如果你想尋找更多有關免費圖標的相關資源網站,可以參考:Emblemicons、Iconstore、Iconhub、Iconpie、Animated icons by Icons8、Heroicons…等等,更多詳細的免費資源。
網站名稱:Free Line Icons for Designers and Developers – LineIcons
網站網址:https://lineicons.com/
LineIcons 簡介教學
Step 1
進入首頁之後,你可以直接點選畫面中的「Download Now」按鈕,即可下載 514 個 Basic Free 授權的免費圖標,當中會包含所有 SVG 格式檔案與 Web Font 格式檔案:
LineIcons 當中提供 2 種不同的授權方式,分為:Basic Free 與 Pro 授權方式。其差異在於,所以提供的免費圖標數量、是否署名、是否提供 Ai 原始檔案…等等:
Step 2
除了直接下載全部免費圖標之外,你也可以點選「View All Icons」進入所有圖標的瀏覽頁面,當中你可以個別去尋找與挑選單獨的圖標進行下載 SVG 檔案或複製 Web Font 格式:
你甚至可以根據左側邊欄當中的分類,去快速篩選不同類別的圖標。如果圖標右上角有寫 PRO 的字樣,則表示該圖標需要升級購買 PRO 方案才能夠下載,未寫 PRO 字樣的圖標就是 Basic Free 授權方式,可以直接免費使用,但需要署名。
Step 3
如果你想要使用 Web Font 格式,在使用在 HTML 頁面時,記得需要在 Header 的地方加入 LineIcons 的 CSS 樣式表,將剛剛所下載的所有 Web Font 檔案上傳至你的專案路經當中,其格式範例如下:
如果你不想要將所有 Web Font CSS 檔案上傳到自己的專案或伺服器當中,可以直接使用 LineIcons 的 CSS CDN 路經,其格式為:
貼至 Header 之後,就可以在專案內容當中,直接使用 Web Font 的格式。
如果你還想尋找更多免費圖式的相關資源,可以參考:Tabler Icons、SVG Repo、Heroicons.dev、Feather Icons、FindIcons、Unicons Solid…等等,更多相關的資源。
LineIcons 評價推薦心得
- 超過 514 個免費圖標 Icons
- 可免費做商業用途使用
- 提供 SVG 與 Web Font 格式
新增留言