Need svg icons to migrate from font icons

[Rajesh]

 

We have applications upgraded from Angular 15 version to 19.2.14 version and Telerik from 11 to 19.1.1 version. After upgrade, we identified that all icons are missing or not rendered properly.

While searching regarding the issue, we can across Icons not showing after update in Kendo UI for Angular | Telerik Forums. So, started migrating all font icons to svg icons.

Few icons bare available in Angular Icons SVGIcon SVGIcon List - Kendo UI for Angularand able to use it.

But few font icons are not available in svg icons as below

class="k-icon k-i-loading"
class="k-icon workIcon"
class="k-icon k-i-error"
class="k-icon k-i-dictionary-add"
class="k-icon k-i-email .k-i-envelop.k-i-letter"


class="k-icon informationIcon" 
.informationIcon:before 
{
    content: "\e401"; 
}

Then please let us know what the correct approach is to upgrade these icons.

[Yanmario]

Hi Rajesh,

I checked the icons and classes. Most are available as SVG variants, except one that seems invalid. I will go through them one by one.

1. The `k-i-loading` can be used without the icon class (example) or can be replaced with our Indicators component.

2. I was not able to find the `workIcon` icon or render the icon and that means it might be invalid.

3. You can replace `k-i-error` with the `xCircleIcon` or `xIcon` SVG. The envelop icon is listed as `envelopIcon`, and the dictionary icon as `bookIcon`. You can check the full list of icons here:

https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list

Regards,
Yanmario
Progress Telerik

[Rajesh]

We got required svg icons and it is working. Thank you for detailed information.