工具加载中...
工具簡介
線上 Font Awesome 圖示查詢工具，是前端開發者和 UI 設計師必備的圖示速查字典。它彙集了完整版 Font Awesome 圖示庫的所有向量圖示，讓您可以極其方便地預覽圖示樣式並獲取對應的類別名稱（Class Name）。
在進行網頁排版和前端開發時，您無需再去記憶繁雜的圖示程式碼，透過本工具一鍵搜尋與複製，即可將精美的圖示無縫整合到您的專案中。
工具優勢
- 收錄完整：內建數百款經典 Font Awesome 向量圖示，涵蓋網頁、支付、多媒體、方向指示等全方位場景。
- 極速查詢：支援使用瀏覽器快捷鍵直接搜尋圖示名稱，瞬間定位您所需的圖示。
- 直觀預覽：以網格列表形式直觀展示圖示的實際渲染效果及對應的類別名稱（如
fa-home）。 - 一鍵複製：選中圖示類別名稱即可複製，直接將其應用到
<i>或<span>標籤的 class 屬性中即可生效。
使用步驟
第一步：向下滾動頁面瀏覽分類好的圖示集合。
第二步：如果您知道圖示的英文名稱，可以使用 Ctrl+F 喚出搜尋框，輸入關鍵字（如 user 或 search）進行快速定位。
第三步：找到目標圖示後，複製其下方對應的類別名稱（如 fa-user）。
第四步：在您的前端程式碼中，編寫類似於 <i class="fa fa-user"></i> 的 HTML 程式碼即可調用。