Observable that emits when an icon is successfully loaded through a HTTP request.
Returns the default font-family.
const defaultFamily = this.iconService.defaultFamily;Sets the default font-family.
this.iconService.defaultFamily = 'svg-flags';Adds an SVG image to the cache. SVG source is an url.
this.iconService.addSvgIcon('aruba', '/assets/svg/country_flags/aruba.svg', 'svg-flags');Adds an SVG image to the cache. SVG source is its text.
this.iconService.addSvgIcon('simple', '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<path d="M74 74h54v54H74" /></svg>', 'svg-flags');Returns the custom class, if any, associated to a given font-family.
const familyClass = this.iconService.familyClassName('material');Returns the key of a cached SVG image.
const svgIconKey = this.iconService.getSvgIconKey('aruba', 'svg-flags');Returns whether a given SVG image is present in the cache.
const isSvgCached = this.iconService.isSvgIconCached('aruba', 'svg-flags');Registers a custom class to be applied to IgxIconComponent for a given font-family.
this.iconService.registerFamilyAlias('material', 'material-icons');
Ignite UI for Angular Icon Service -
The Ignite UI Icon Service makes it easy for developers to include custom SVG images and use them with IgxIconComponent. In addition it could be used to associate a custom class to be applied on IgxIconComponent according to given font-family.
Example:
this.iconService.registerFamilyAlias('material', 'material-icons'); this.iconService.addSvgIcon('aruba', '/assets/svg/country_flags/aruba.svg', 'svg-flags');