Infragistics Ignite UI for Angular Icon
Angular component and service for seamless icon integration and customization.
- Supports inline SVG and font-based icons including Material Icons.
- Allows dynamic registration and management of icon families.
- Offers CSS variables for customizing icon size, color, and styles.
Prices from:
| Available in | |
|---|---|
| Infragistics Ignite UI for Angular | Loading |
| Infragistics Ignite UI | Loading |
| Infragistics Professional | Loading |
| Infragistics Ultimate | Loading |
Unified Icon Component
The IgxIconComponent supports usage of SVGs and font icons interchangeably, rendering icons with a simple markup component for Angular applications.
Dynamic Icon Service
IgxIconService enables registering new icon families and individual SVG icons at runtime, organizing icons by family and managing their display properties.
Material Symbols Support
The component and service seamlessly integrate with Material Symbols from Google, allowing the use of their latest design variations with customizable font-variation settings.
Custom SVG Icon Management
Developers can add SVG icons from URL or raw SVG text, caching them using IgxIconService for consistent usage across the application.
Content Projection and Styling
Icons support content projection for easy customization and use CSS custom properties like --size and --igx-icon-size to control icon dimensions.
Inactive and Color Customization
Icons can be disabled using the active property and styled dynamically via CSS color properties or theme functions for consistent appearance.
Meta Icon Families
Multiple icon families can be combined under meta families, simplifying icon referencing in markup for complex icon sets.
Server-side Rendering Compatibility
Instructions and polyfill usage ensure icons can be rendered properly with Angular Universal to support server-side rendering.
Extensive Icon Aliasing
Internally, common UI icons are aliased within a default family, allowing convenient substitution or customization across various Ignite UI components.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Angular
- Vanilla JavaScript
About Infragistics
Infragistics, founded in 1989 and headquartered in Cranbury, New Jersey, has established itself as a global force in UI/UX development, serving software professionals in over 100 countries. It is widely recognized for its comprehensive libraries and frameworks supporting web, desktop, and mobile platforms, including solutions tailored for .NET, Angular, React, and other leading technologies. With offices spanning Europe, Asia, and South America, Infragistics delivers components that enable efficient application development and rich user experiences. Its commitment to innovation and customer satisfaction positions it as a trusted partner for developers and organizations worldwide seeking quality and flexibility in their digital projects.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from Infragistics.