FontAwesome圖示查詢器

用名稱、別名或碼點定位圖示

這個查詢器讓你先用文字找到可能合適的 Font Awesome 圖示，再檢視圖形預覽、圖示名稱、風格與 Unicode 碼點。搜尋欄可比對名稱片段、內建別名及十六進位碼片段；例如輸入 home、使用者 或 f015，再依結果確認是否符合需要。中文詞只會在工具內建的別名中命中，沒有結果時可改用較短詞、英文名稱或碼點片段。

目前目錄是供快速查找的精選清單，不等同 Font Awesome 官方完整目錄；沒有找到某個圖示，不能據此判定官方未提供。可用名稱、樣式和碼點會隨 Font Awesome 版本或授權集合而異，若專案必須使用特定版本或 Pro 圖示，應以該版本的官方資料和專案授權為準。

類名、HTML 與 Unicode 各自代表什麼

搜尋結果提供三種可複製文字。類名是套用在元素上的樣式與圖示名稱，例如 fas fa-house；HTML 是將同一組類名放入 <i> 標籤的片段，例如 <i class="fas fa-house"></i>；Unicode 則是 CSS 字形內容常用的跳脫值，例如 \f015。結果另以 U+F015 顯示碼點，方便閱讀和核對。

這三種內容都是引用線索，不是圖示圖片或字型檔。將類名或 HTML 放進網站前，目標專案仍須載入包含該圖示與風格的 Font Awesome 資源。工具預覽使用的圖示資源版本為 6.5.2；你的專案版本若不同，名稱、外觀或可用圖示可能不一致。官方資料說明圖示記錄可包含名稱、別名、碼點、可用風格與授權資訊；官方網頁使用說明則列出類名的組合方式與資源設定前提。

從比對結果複製需要的格式

1. 在「關鍵詞搜尋」輸入名稱的一部分、含義別名或十六進位碼片段，例如 heart、搜尋、f015。查詢會比對名稱、碼點文字及內建別名，不是自然語言理解；若詞彙太長或找不到，先試試較短片段。

2. 用風格篩選查看「全部」、「實心」、「線框」或「品牌」。同一圖示可能支援不只一種風格；結果卡片會顯示目前列出的風格及碼點。選取最接近預期的預覽後，再核對完整名稱。

3. 選擇「類名」、「HTML」或「Unicode」複製。類名及 HTML 適合貼入已設定相容圖示資源的網頁；Unicode 跳脫值適合放入相符字型設定的 CSS 字形內容。複製後在目標專案實際預覽，確認該版本包含所需圖示。

例如搜尋 home 可找到名稱為 house、碼點 U+F015 的實心圖示。結果所複製的類名可能是 fas fa-house，HTML 片段則是 <i class="fas fa-house"></i>；請以當下結果卡片提供的內容為準，不要只靠舊範例替換名稱。

常見查詢與顯示疑問

整合前核對版本、資源與授權

本工具用於查找名稱、風格與碼點並複製文字片段，不提供獨立 SVG、PNG 或字型下載，也不會把所複製的程式碼安裝到你的網站。清單涵蓋不是官方全集，且工具預覽所用版本與其他版本的命名、樣式和收錄可能不同；請勿把搜尋不到理解成官方未提供，也不要假設所有結果在任一版本都能顯示。

圖示資源載入後仍須選用相符的類名及樣式。Unicode 跳脫值只有在搭配正確字型與相應 CSS／渲染方式時才會呈現圖示，否則可能顯示空白或其他字形。使用品牌圖示或 Pro 專屬內容前，請依 Font Awesome 當前授權與你的專案權限確認可用範圍；本查詢器不判定你的使用情境是否取得授權。