@progress/kendo-angular-icons 19.1.1-develop.2 → 19.1.2-develop.1

package/esm2022/icon.module.mjs

@@ -7,34 +7,21 @@ import { IconComponent } from './icon/icon.component';
 import * as i0 from "@angular/core";
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Icon component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Icon component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the Icon module
- * import { IconModule } from '@progress/kendo-angular-icons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { IconModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, IconModule], // import Icon module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IconModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class IconModule {

package/esm2022/icons.module.mjs

@@ -10,34 +10,21 @@ import * as i1 from "./icon/icon.component";
 import * as i2 from "./svg-icon/svg-icon.component";
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Icons components.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Icons components.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the Icons module
- * import { IconsModule } from '@progress/kendo-angular-icons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { IconsModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, IconsModule], // import Icons module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IconsModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class IconsModule {

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1749196419,
-    version: '19.1.1-develop.2',
+    publishDate: 1749804007,
+    version: '19.1.2-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/svg-icon/svg-icon.component.mjs

@@ -11,7 +11,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
 const areSame = (i1, i2) => i1?.name === i2?.name && i1.content === i2.content && i1.viewBox === i2.viewBox;
 /**
- * Represents the Kendo UI SVG Icon component for Angular.
+ * Represents the `SVGIconComponent` for Angular.
+ *
+ * @example
+ * ```html
+ * <kendo-svg-icon [icon]="svgIcon"></kendo-svg-icon>
+ * ```
  */
 export class SVGIconComponent extends IconBaseDirective {
     domSanitizer;
@@ -20,7 +25,7 @@ export class SVGIconComponent extends IconBaseDirective {
     hostClass = true;
     hostAriaHidden = true;
     /**
-     * Defines the SVG icon, which will be rendered. All [Kendo UI SVG Icons](slug:svgicon_list) are supported.
+     * Sets the `SVGIcon` to render. Supports all [Kendo UI SVG Icons](slug:svgicon_list).
      */
     set icon(icon) {
         const element = this.element.nativeElement;

package/esm2022/svg-icon.module.mjs

@@ -7,34 +7,21 @@ import { SVGIconComponent } from './svg-icon/svg-icon.component';
 import * as i0 from "@angular/core";
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the SVG Icon component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the SVG Icon component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the SVG Icon module
- * import { SVGIconModule } from '@progress/kendo-angular-icons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { SVGIconModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, SVGIconModule], // import SVG Icon module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, SVGIconModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class SVGIconModule {

package/fesm2022/progress-kendo-angular-icons.mjs

@@ -19,8 +19,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1749196419,
-    version: '19.1.1-develop.2',
+    publishDate: 1749804007,
+    version: '19.1.2-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -47,25 +47,11 @@ class IconBaseDirective {
         return this.flip === 'vertical' || this.flip === 'both';
     }
     /**
-     * Flips the icon horizontally, vertically or in both directions.
+     * Flips the icon horizontally, vertically, or in both directions.
      */
     flip;
     /**
-     * Specifies the theme color for the Icon.
-     *
-     * The possible values are:
-     * * `inherit` (Default)—Applies coloring based on the current color.
-     * * `primary` —Applies coloring based on primary theme color.
-     * * `secondary`—Applies coloring based on secondary theme color.
-     * * `tertiary`— Applies coloring based on tertiary theme color.
-     * * `info`—Applies coloring based on info theme color.
-     * * `success`— Applies coloring based on success theme color.
-     * * `warning`— Applies coloring based on warning theme color.
-     * * `error`— Applies coloring based on error theme color.
-     * * `dark`— Applies coloring based on dark theme color.
-     * * `light`— Applies coloring based on light theme color.
-     * * `inverse`— Applies coloring based on inverse theme color.
-     *
+     * Sets the `IconThemeColor` for the icon. Use this property to apply a theme color.
      */
     set themeColor(themeColor) {
         const element = this.element.nativeElement;
@@ -83,18 +69,7 @@ class IconBaseDirective {
         return this._themeColor;
     }
     /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
-     * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
-     * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
-     * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
-     * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
-     *
+     * Sets the `IconSize` for the icon. Use this property to change the icon size.
      */
     set size(size) {
         const currentClass = sizeClasses[this.size];
@@ -139,7 +114,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the Kendo UI Icon component for Angular.
+ * Represents the Icon component for Angular.
+ *
+ * @example
+ * ```html
+ * <kendo-icon name="home"></kendo-icon>
+ * ```
  */
 class IconComponent extends IconBaseDirective {
     element;
@@ -147,8 +127,7 @@ class IconComponent extends IconBaseDirective {
     hostClass = true;
     hostAriaHidden = true;
     /**
-     * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons](slug:icon_list) are supported.
+     * Sets the `Icon` to render. Supports all [Kendo UI Icons](slug:icon_list).
      */
     set name(name) {
         if (isDocumentAvailable()) {
@@ -196,7 +175,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const areSame = (i1, i2) => i1?.name === i2?.name && i1.content === i2.content && i1.viewBox === i2.viewBox;
 /**
- * Represents the Kendo UI SVG Icon component for Angular.
+ * Represents the `SVGIconComponent` for Angular.
+ *
+ * @example
+ * ```html
+ * <kendo-svg-icon [icon]="svgIcon"></kendo-svg-icon>
+ * ```
  */
 class SVGIconComponent extends IconBaseDirective {
     domSanitizer;
@@ -205,7 +189,7 @@ class SVGIconComponent extends IconBaseDirective {
     hostClass = true;
     hostAriaHidden = true;
     /**
-     * Defines the SVG icon, which will be rendered. All [Kendo UI SVG Icons](slug:svgicon_list) are supported.
+     * Sets the `SVGIcon` to render. Supports all [Kendo UI SVG Icons](slug:svgicon_list).
      */
     set icon(icon) {
         const element = this.element.nativeElement;
@@ -290,8 +274,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 const isPresent = (value) => value !== null && value !== undefined;
 
 /**
- * A service that returns the current icon settings to be used in subscribers.
- * Use the public `notify` method to change the icon settings dynamically.
+ * Represents the service that manages icon settings.
+ * Use the `notify` method to update icon settings dynamically.
+ *
+ * @example
+ * ```typescript
+ * constructor(private iconSettingsService: IconSettingsService) {}
+ *
+ * this.iconSettingsService.notify({ themeColor: 'primary' });
+ * ```
  */
 class IconSettingsService {
     /**
@@ -299,9 +290,13 @@ class IconSettingsService {
      */
     changes = new Subject();
     /**
-     * Notifies subscribers that the icon settings were changed.
+     * Notifies subscribers about changes in the icon settings.
      *
-     * @param iconSettings - (Optional) A new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     * @param iconSettings - (Optional) Sets a new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     * @example
+     * ```typescript
+     * iconSettingsService.notify({ size: 'large' });
+     * ```
      */
     notify(iconSettings) {
         this.changes.next(iconSettings);
@@ -332,38 +327,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
+ * Represents the token for the `IconSettings` of Kendo UI for Angular components.
+ * Use this token to configure icon settings. ([See example.](slug:icon_settings#toc-icons-configuration))
  *
- * ```ts
+ * @example
+ * ```typescript
  * import { NgModule } from '@angular/core';
  *
  * @NgModule({
- * ...
- * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
+ *   providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' } }]
  * })
  * export class AppModule {}
  * ```
- *
  */
 const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');
 
 const DEFAULT_ICON_SETTINGS = { type: 'svg' };
 /**
- * The service responsible for handling changes in the icons settings. Should be included in the providers array when implementing the functionality in a standalone component.
+ * Represents the service that manages icon settings.
+ * Add this service to the `providers` array when you use it in a standalone component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the IconsService
+ * ```typescript
  * import { IconsService } from '@progress/kendo-angular-icons';
  *
- * // Define a standalone component
  * @Component({
- *  selector: my-component,
- *  standalone: true,
- *  imports: [ ... ],
- *  providers: [IconsService, { provide: ICON_SETTINGS , useValue: { type: 'font' } }],
- *  template: ...
+ *   selector: 'my-component',
+ *   standalone: true,
+ *   imports: [ ... ],
+ *   providers: [IconsService, { provide: ICON_SETTINGS, useValue: { type: 'font' } }],
+ *   template: `...`
  * })
  * export class AppComponent {}
  * ```
@@ -372,7 +365,7 @@ class IconsService {
     _iconSettings;
     iconSettingsService;
     /**
-     * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
+     * Notifies subscribers of the initial icon settings and on each call to `notify`.
      * @hidden
      */
     changes = new BehaviorSubject(this.iconSettings || DEFAULT_ICON_SETTINGS);
@@ -441,37 +434,24 @@ class IconWrapperComponent {
     element;
     hostClass = true;
     /**
-     * Defines the name for an existing font icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons](slug:icons#icons-list) are supported.
+     * Sets the name for an existing font icon in a Kendo UI theme to render.
+     * Supports all [Kendo UI Icons](slug:icons#icons-list).
      */
     name;
     /**
-     * Defines an [SVGIcon](slug:api_icons_svgicon) to be rendered.
+     * Sets the [SVGIcon](slug:api_icons_svgicon) to render.
      */
     svgIcon;
     /**
-     * Provided by consuming components in case an additional k-specific class needs to be rendered
-     * on the internal Icon component.
+     * Sets an additional class on the internal Icon component.
      */
     innerCssClass = '';
     /**
-     * Provided by consuming components in case a custom font icon class is set
-     * by the developer using the consuming component through its API.
+     * Sets a custom font icon class using the API of the consuming component.
      */
     customFontClass = '';
     /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
-     * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
-     * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
-     * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
-     * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
-     *
+     * Sets the `IconSize` for the icon.
      */
     size;
     get customClasses() {
@@ -587,34 +567,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Icon component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Icon component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the Icon module
- * import { IconModule } from '@progress/kendo-angular-icons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { IconModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, IconModule], // import Icon module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IconModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class IconModule {
@@ -632,34 +599,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the SVG Icon component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the SVG Icon component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the SVG Icon module
- * import { SVGIconModule } from '@progress/kendo-angular-icons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { SVGIconModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, SVGIconModule], // import SVG Icon module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, SVGIconModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class SVGIconModule {
@@ -676,19 +630,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Utility array that contains all `KendoIcon` related components and directives
+ * Represents the utility array that contains all `KendoIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_ICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_ICON = [
     IconComponent
 ];
 /**
- * Utility array that contains all `KendoSVGIcon` related components and directives
+ * Represents the utility array that contains all `KendoSVGIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_SVGICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_SVGICON = [
     SVGIconComponent
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ * Represents the utility array that contains all `@progress/kendo-angular-icons`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component, ViewEncapsulation } from '@angular/core';
+ * import { KENDO_ICONS } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICONS],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_ICONS = [
     ...KENDO_ICON,
@@ -697,34 +693,21 @@ const KENDO_ICONS = [
 
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Icons components.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Icons components.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the Icons module
- * import { IconsModule } from '@progress/kendo-angular-icons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { IconsModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, IconsModule], // import Icons module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IconsModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class IconsModule {

package/icon/icon.component.d.ts

@@ -6,7 +6,12 @@ import { ElementRef, Renderer2 } from '@angular/core';
 import { IconBaseDirective } from '../common/icon-base';
 import * as i0 from "@angular/core";
 /**
- * Represents the Kendo UI Icon component for Angular.
+ * Represents the Icon component for Angular.
+ *
+ * @example
+ * ```html
+ * <kendo-icon name="home"></kendo-icon>
+ * ```
  */
 export declare class IconComponent extends IconBaseDirective {
     element: ElementRef;
@@ -14,8 +19,7 @@ export declare class IconComponent extends IconBaseDirective {
     hostClass: boolean;
     hostAriaHidden: boolean;
     /**
-     * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons](slug:icon_list) are supported.
+     * Sets the `Icon` to render. Supports all [Kendo UI Icons](slug:icon_list).
      */
     set name(name: string);
     get name(): string;

package/icon-wrapper/icon-wrapper.component.d.ts

@@ -15,37 +15,24 @@ export declare class IconWrapperComponent implements OnDestroy {
     element: ElementRef;
     hostClass: boolean;
     /**
-     * Defines the name for an existing font icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons](slug:icons#icons-list) are supported.
+     * Sets the name for an existing font icon in a Kendo UI theme to render.
+     * Supports all [Kendo UI Icons](slug:icons#icons-list).
      */
     name: string;
     /**
-     * Defines an [SVGIcon](slug:api_icons_svgicon) to be rendered.
+     * Sets the [SVGIcon](slug:api_icons_svgicon) to render.
      */
     svgIcon: SVGIcon;
     /**
-     * Provided by consuming components in case an additional k-specific class needs to be rendered
-     * on the internal Icon component.
+     * Sets an additional class on the internal Icon component.
      */
     innerCssClass: string;
     /**
-     * Provided by consuming components in case a custom font icon class is set
-     * by the developer using the consuming component through its API.
+     * Sets a custom font icon class using the API of the consuming component.
      */
     customFontClass: string;
     /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
-     * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
-     * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
-     * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
-     * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
-     *
+     * Sets the `IconSize` for the icon.
      */
     size: IconSize;
     get customClasses(): string;