ion-icon

圖示是一個簡單的元件，可透過 Ionicons 函式庫取得，該函式庫預設已與所有 Ionic Framework 應用程式預先封裝。它可以用來顯示來自 Ionicons 集的任何圖示或自訂 SVG。它也支援樣式設定，例如大小和顏色。

如需所有可用圖示的清單，請參閱 ionic.io/ionicons。如需包含樣式設定和自訂 SVG 用法的詳細資訊，請參閱 使用方式頁面。

基本用法

協助工具

純粹是裝飾性內容的圖示應具有 aria-hidden="true"。這不會在視覺上隱藏圖示，但會從輔助技術中隱藏元素。

<ion-icon name="heart" aria-hidden="true"></ion-icon>

如果圖示是互動式的，則應透過新增 aria-label 來定義替代文字。

<ion-icon name="heart" aria-label="Favorite"></ion-icon>

或者，如果圖示位於它所描述的另一個元素內部，則該元素應新增 aria-label，並且應使用 aria-hidden 隱藏圖示。

<ion-button aria-label="Favorite">
  <ion-icon name="heart" aria-hidden="true"></ion-icon>
</ion-button>