Kendo UI for Angular: Icon type is set to ‘svg’, but only font icon name is provided. The “plus” font icon will be rendered instead

  Kiến thức lập trình

I’m using a kendo-ui angular grid like this one: stackblitz example of a kendo-ui grid with details and since I upgraded angular to version 17 I get the following warning: Kendo UI for Angular: Icon type is set to 'svg', but only font icon name is provided. The "plus" font icon will be rendered instead. I don’t have access to that icon to change it. I tried the solution here Kendo UI for Angular shows warnings when SVG icons are not used but it didn’t help. How to get rid of this warning, please?

Here is my app component

   @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.scss'],
      standalone: true,
      imports: [AppBarMenuComponent, RouterOutlet],
      providers: [
        IconSettingsService,
        {
          provide: ICON_SETTINGS,
          useValue: {
            type: 'font',
          },
        },
      ]
    })
    export class AppComponent {...}

I get the warning for each plus in the first colum of the grid: enter image description here

LEAVE A COMMENT