Infragistics Ignite UI for Angular Icon

InfragisticsUI 設計素材JavaScript

用於無縫整合與自訂圖示的 Angular 元件與服務。

  • 支援內嵌 SVG 與基於字型的圖示，包括 Material Icons。
  • 可動態註冊與管理圖示系列。
  • 提供 CSS 變數以自訂圖示大小、顏色與樣式。
Infragistics logo

起價:

載入中...
包含在以下產品
Infragistics Ignite UI for Angular載入中
Infragistics Ignite UI載入中
Infragistics Professional載入中
Infragistics Ultimate載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
Infragistics Ignite UI for Angular Icon 產品圖片
Ignite UI for Angular Icon 提供一個多功能系統，可將圖示嵌入 Angular 應用程式中。它支援內容投影、SVG 圖示，以及像 Material Icons 這類外部圖示字型。開發人員可透過直覺式 API 動態新增、自訂與管理多種圖示系列，並可透過 CSS 變數為圖示設定樣式，以實現彈性的 UI 設計。

Unified Icon Component

IgxIconComponent 支援 SVG 與字型圖示可互換地使用，以簡潔的標記元件為 Angular 應用程式呈現圖示。

Dynamic Icon Service

IgxIconService 可在執行階段註冊新的圖示系列與單一 SVG 圖示，依系列組織圖示並管理其顯示屬性。

Material Symbols Support

該元件與服務可無縫整合 Google 的 Material Symbols，讓您能使用其最新設計變化，並可自訂 font-variation 設定。

Custom SVG Icon Management

開發人員可從 URL 或原始 SVG 文字新增 SVG 圖示，並透過 IgxIconService 快取它們，以便在整個應用程式中一致使用。

Content Projection and Styling

圖示支援內容投影，方便自訂，並可使用 --size 與 --igx-icon-size 等 CSS 自訂屬性來控制圖示尺寸。

Inactive and Color Customization

可使用 active 屬性停用圖示，並透過 CSS color 屬性或主題函式動態設定樣式，以保持外觀一致。

Meta Icon Families

可將多個圖示系列組合為 meta families，簡化複雜圖示集在標記中的引用方式。

Server-side Rendering Compatibility

相關指示與 polyfill 的使用可確保圖示能透過 Angular Universal 正確呈現，以支援伺服器端渲染。

Extensive Icon Aliasing

在內部，常見的 UI 圖示會在預設系列中建立別名，方便在各種 Ignite UI 元件中進行替換或自訂。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Angular
  • Vanilla JavaScript