Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome

最後更新於 2020 年 07 月 07 日

如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。

接下來要介紹的「Line Awesome」來自 Icons8,也是相當著名的免費圖示提供商,之前曾介紹過免費音樂素材庫 Fugue、可自己製作圖庫的 Moose Photos 或自製創意插圖工具 Vector Creator 都來自這家公司,而他們推出的 Line Awesome 則是以 Font Awesome 做為基礎,將圖案修改為線稿圖示(Line Icons),號稱是 Font Awesome 5.11.2 絕佳替代方案,當然你也可以比較一下那種風格比較符合自己的需求。

Line Awesome 可完全涵蓋 Font Awesome 主要的 1,380 個扁平化圖示圖案,圖示風格採用 Icons8 Windows 10,圖示總數超過四千個!透過 Line Awesome 網站預覽功能可以查看完整圖示集,在使用前可先檢查並確認是否有你需要的圖案。

要導入 Line Awesome 圖示集也非常簡單,網站直接給出 CDN 鏈結,只要將它放入網站就能透過樣式載入特定圖案,網站也提供打包好的完整圖示集下載,如果只需要其中幾個圖案也可考慮下載後自行托管使用。

Line Awesome
https://icons8.com/line-awesome

使用教學

STEP 1

開啟 Line Awesome 網站,就能直接預覽完整的圖示圖案,還依照不同類型分類,點選左側分類鏈結快速跳轉到特定圖案分類。比較有趣的是將游標移動到圖案上方會看到該圖示在一般或實心風格的差異,Line Awesome 所有圖案都有三種樣式,透過不同的樣式名稱來調整,這部份可以參考說明頁面的 Usage 說明。

STEP 2

點選 Get Started 來到 Line Awesome 安裝說明,最簡單的方式就是直接透過內容傳遞網路服務載入這套圖案,不僅不會耗費自己的主機流量,也有加速及分流效果,如果你本來就已經使用 Font Awesome 圖示集也可利用 Line Awesome 提供的替換鏈結直接把整套圖示替換掉,原有的圖案依然可以顯示,只是風格會不同。

若你開始一個全新的專案,只要複製第二行原始碼,將它放到網頁頂部即可載入圖示包。

另一種是從 Line Awesome 下載 .zip 壓縮檔,解壓縮後自行上傳、載入相關檔案。

無論你是透過 CDN 或是自己托管檔案並載入圖示集,參考底下的使用方式就會知道這套圖示圖案一樣是以樣式方式載入特定內容,再透過 CSS 去調整大小或顏色。

STEP 3

那麼要如何找到某個圖案的樣式名稱呢?

開啟 Line Awesome 網站,從上方搜尋輸入要查找的圖案關鍵字,例如輸入 battery 就會顯示所有相關圖案。

STEP 4

點選你要的圖案後,就會看到該圖示在不同尺寸大小的呈現樣式,從 16px 至 64px,底下則有快速複製、貼上的名稱,樣式前面的 lar、las 或 lab 分別代表 regular、solid 和 brand 三種風格,後面才接上圖示的樣式名稱。

值得一試的三個理由:

  1. Icons8 修改自 Font Awesome,整體採用線稿圖示風格
  2. 收錄圖示總數量超過 4000 個以上,三種風格樣式
  3. 以 CDN 快速載入,也能自行下載托管檔案

 

相關的文章

Smart Upscaler 使用 AI 自動放大、增強圖片,不會出現模糊失真問題

現在透過機器學習(Machine Learning,簡稱 ML)技術可以更完美做到以前可能無法做到的事,例如線上去背工具能夠很快速分離出圖片裡的主體和背景,即使是非常細節都能在幾秒鐘內處理完成;還有之前介紹過的 Moises.ai 則是線上去除音樂裡的人聲部分,直接讓歌曲變成無人聲的伴奏版;比較特別的是 ColouriseSG 幫黑白老相片快速上色線上工具,能夠判斷照片的每個部分並進行適當著色,讓老照片得以重生。

iconmonstr 超過 4000 個免費圖示 SVG、EPS、PSD 和 PNG 格式下載

如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。

Taiwan Icon Font 屬於台灣的免費圖示,收錄台北101、珍珠奶茶等圖案

愛台灣可以有很多表現方式,例如拍照上傳社群網站讓世界看到台灣的美,走訪各鄉鎮看看台灣大街小巷,雖然大家都很熱衷出國自助旅遊,但其實台灣也有不少很美麗、很有特色的地方,可惜假日出去總是人擠人,不在台灣還是會想念台灣美食。對於亞洲鄰近國家觀光客來說,他們也非常喜歡台灣,不少日本人很愛到台灣旅遊,都能拍出讓我覺得很不像台灣的相片。

Vector Creator 線上自製創意插圖圖庫,匯出 PNG 和 SVG 格式

Icons8 是一個相當活躍的免費圖示公司,後來也持續在免費圖庫、向量圖和音樂音效素材等方面深耕,現在算是非常全面的設計師資源,無論是需要一般相片、向量圖、插圖或音樂都可以從 Icons8 找到相關工具,例如以提供免費音樂素材為主的素材庫 Fugue、讓使用者自己製作圖庫的 Moose Photos、透過程式碼就能快速插入圖示的 Omg-img 專案都出自於這家公司,接下來要再來介紹旗下的新服務。

Cascadia Code 微軟釋出免費等寬字型,開源更適合程式碼編輯器和終端機

微軟在去年的開發者大會發表一款新的等寬字型(Monospaced Font),命名為 Cascadia Code,專為全新的 Windows 終端機(Windows Terminal)所設計,新版終端機工具擁有更新、更現代化的使用者介面且功能豐富等特性,包含在用戶社群經常被請求的各種功能,例如分頁、Rich Text、多國語言、可自定性和佈景主題樣式,不同於以往黑黑的、難以閱讀的命令列工具,新的使用者介面更符合現今電腦,新字型功不可沒。

粉圓字型免費下載,開源中文圓體可商用

前幾年中文字型募資計畫「金萱體」在台灣設計圈掀起一波熱潮,短短一個月募得超過兩千五百萬元、七千位使用者加入贊助,當時市場確實需要屬於台灣本土的中文字型(2014 年 Google 和 Adobe 攜手合作推出思源黑體是當時大家普遍使用的免費字型),歷經三年多開發將所有字重樣式補齊,也允諾會在金萱體完成後最佳化或改作一套開源字型回饋大家,才會有接下來要介紹的「jf open 粉圓字型」。

回應