telerik/ai-plugins/kendo-angular-icon

kendo_icon_assistant({
    query="<Description of the icon purpose or keyword>",
    limit=0.3  // Adjust based on expected count: 0.1 for ~1 icon, 0.3 for a few icons, 1.0 for many
})

kendo_icon_assistant({
    query="save document",
    limit=0.3
})

kendo_icon_assistant({
    query="user profile avatar account",
    limit=0.3
})

kendo_icon_assistant({
    query="navigation arrow chevron",
    limit=0.5
})

npm install @progress/kendo-svg-icons @progress/kendo-angular-icons

import { Component } from "@angular/core";
import { KENDO_ICONS } from "@progress/kendo-angular-icons";
import { paperclipIcon } from "@progress/kendo-svg-icons";
@Component({
  selector: "my-app",
  standalone: true,
  imports: [KENDO_ICONS],
  template: `
    <kendo-svg-icon [icon]="icons.paperclip"></kendo-svg-icon>
  `,
})
export class AppComponent {
  public icons = { paperclip: paperclipIcon };
}

kendo_component_assistant({
    query="How to use the SVGIcon component with custom icons and size options?",
    component="SVGIcon"
})

<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />

import { Component } from "@angular/core";
import { KENDO_ICONS } from "@progress/kendo-angular-icons";
@Component({
  selector: "my-app",
  standalone: true,
  imports: [KENDO_ICONS],
  template: `
    <kendo-icon name="paperclip"></kendo-icon>
  `,
})
export class AppComponent {}

kendo_component_assistant({
    query="How to use the Icon component with font icons?",
    component="Icon"
})