Icons momentarily displayed as text when using radzen appearance toggle

[rojait00]

When toggling the appearance of my .NET 9.0 Web App using the RadzenAppearanceToggle, all icons (RadzenIcon) disappear for about a second before automatically reloading. For this second the icons are displayed as text.

Steps To Reproduce

• Create a new .Net9 Web App project (PageRenderMode: InteractiveAuto, include default pages)
• Follow the Radzen Get-Started instructions
• Add two RadzenComponents to the Home.razor

<RadzenAppearanceToggle />
<RadzenIcon Icon="home" />

• After starting the website and clicking the RadzenAppearanceToggle the "home" icon is displayed as text. After about a second it will again be displayed as expected.

Screenshots

After clicking:

After one second:

Desktop

• OS: Win 11
• Browser: Chrome Version 131.0.6778.205
• Radzen Version: 5.7.2

Temporary Solution

My temporary solution is to include the material icons directly

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/iconfont/material-icons.min.css">

and override the radzen icon font variable to use these icons:

:root {
    --rz-icon-font-family: 'Material Icons';
}

(The default value of --rz-icon-font-family is Material Symbols.)