# Issue with icons not loading when using templates

**URL:** <https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507>\
**Category:** Radzen Blazor Studio\
**Created:** [April 21, 2026, 10:44am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507 "2026-04-21T10:44:51Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![scottmcintosh](https://forum.radzen.com/letter_avatar_proxy/v4/letter/s/87869e/32.png) [@scottmcintosh](https://forum.radzen.com/u/scottmcintosh)\
**Post date:** [April 21, 2026, 10:44am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/1 "2026-04-21T10:44:51Z")

</div>

This issue is still present in the Radzen templates and was previously highlighted (see [Issue with icons not loading](https://forum.radzen.com/t/issue-with-icons-not-loading/18195)). While the solution provided by another user resolves the problem, the templates supplied with newer versions have not yet been updated to incorporate this fix.

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [April 21, 2026, 10:58am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/2 "2026-04-21T10:58:54Z")

</div>

Hi @scottmcintosh,

This isn't a known issue. Please check in your browser development tools if the icon font is not loading (leads to 404 HTTP error).

---

<div class="post-metadata">

**Author:** ![scottmcintosh](https://forum.radzen.com/letter_avatar_proxy/v4/letter/s/87869e/32.png) [@scottmcintosh](https://forum.radzen.com/u/scottmcintosh)\
**Post date:** [April 22, 2026, 8:56am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/3 "2026-04-22T08:56:39Z")

</div>

Hi,

When the same template is built manually using [.NET 10 & 9 & 8](https://blazor.radzen.com/get-started), the [\<RadzenIcon Icon="smart\_button"] flicker does not occur. However, when any of the Radzen template wizards are used, the RadzenIcon flickering issue is present. Please see the uploaded video in zip format.

[Recording 2026-04-22 093646.zip](https://forum.radzen.com/uploads/short-url/3m77nYWWXvOKNJJ0QENpTUiaWPA.zip) (873.1 KB)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [April 22, 2026, 9:49am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/4 "2026-04-22T09:49:10Z")

</div>

What do you mean by "built manually"? Changing the theme replaces stylesheets so flicker could occur. How do you change the theme in the "built manually" application?

---

<div class="post-metadata">

**Author:** ![scottmcintosh](https://forum.radzen.com/letter_avatar_proxy/v4/letter/s/87869e/32.png) [@scottmcintosh](https://forum.radzen.com/u/scottmcintosh)\
**Post date:** [April 22, 2026, 10:22am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/5 "2026-04-22T10:22:15Z")

</div>

Prior to purchasing a team licence, we did not have access to any templates generated by the Radzen wizards. Consequently, we followed the “Get Started” instructions for “.NET 10, 9, and 8”, under which this issue did not occur.

However, when using templates created via the Radzen wizards, we consistently observe a flicker where the icon text briefly appears before the icon itself has finished loading. This behaviour occurs when changing the theme using the `<RadzenAppearanceToggle />` component.

Notably, this issue appears to be isolated to the pre‑created wizard templates and does not occur in projects created by hand manually following the official setup instructions.

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [April 22, 2026, 10:29am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/6 "2026-04-22T10:29:30Z")

</div>

Do you reproduce the flicker at [blazor.radzen.com](http://blazor.radzen.com) or [www.radzen.com](http://www.radzen.com)? Also what template and rendering mode did you pick when creating the application? What browser are you testing with? Is caching enabled?

Here is my experience with a new empty .NET 10 application that uses Auto rendering mode and Google chrome (no visible icon flicker occurs after changing the theme):

![default-app](https://forum.radzen.com/uploads/default/original/3X/5/2/52cbbc42edac254d44d6ff019c83ce971e62b597.gif)  
[Net10Auto.zip](https://forum.radzen.com/uploads/short-url/4T4IVu2maG7kAGH0sbi8rPqaKaS.zip) (2.3 MB)

---

<div class="post-metadata">

**Author:** ![scottmcintosh](https://forum.radzen.com/letter_avatar_proxy/v4/letter/s/87869e/32.png) [@scottmcintosh](https://forum.radzen.com/u/scottmcintosh)\
**Post date:** [April 28, 2026, 10:34am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/7 "2026-04-28T10:34:14Z")

</div>

Hi,

The icon flickering latency has improved; however, it is still present when toggling from light/dark mode. While monitoring the Network tab in the browser’s Developer Tools, the flicker consistently occurs when the request _Initiator_ is reported as **“Other”.** Additionally, on a successful toggle of the light/dark mode button, the page repeatedly appends new rows.

 ![Example 1](https://forum.radzen.com/uploads/default/original/3X/0/b/0b4bde1fbb2239d31114c55010f3d37206f14eee.png)

By contrast, when I create a new Blazor application that is manually configured using your walkthrough tutorial - not in Radzen Blazor Studio, the _Initiator_ never appears as **“Other”** , and the Network tab shows only a single initial content load. In that scenario, the icon flicker does not occur.

 ![Example 2](https://forum.radzen.com/uploads/default/original/3X/9/c/9c78e616356d9c4e31f11d1be453522c20c7a475.png)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [April 28, 2026, 10:54am UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/8 "2026-04-28T10:54:59Z")

</div>

Hi Scott,

The screenshots show different themes (material3 vs material). What happens if you use the same theme? Also you didn't answer if [blazor.radzen.com](http://blazor.radzen.com) and [www.radzen.com](http://www.radzen.com) flicker when you change the theme. Honestly we don't know what this "Other" initiator may be as we have never seen it before. And please clarify what "Blazor app that is manually configured" means. What version are you using and rendering mode? What are the differences in configuration (Program.cs) between both apps? Radzen Blazor applications are created to follow the official Blazor template and there shouldn't be many differences.

---

<div class="post-metadata">

**Author:** ![scottmcintosh](https://forum.radzen.com/letter_avatar_proxy/v4/letter/s/87869e/32.png) [@scottmcintosh](https://forum.radzen.com/u/scottmcintosh)\
**Post date:** [May 20, 2026, 12:44pm UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/9 "2026-05-20T12:44:58Z")

</div>

Hi, apologies for the delayed response.

The issue appears to originate within **[www.radzen.com](http://www.radzen.com)** and **[https://blazor.radzen.com/](https://blazor.radzen.com/)**, as demonstrated in the uploaded video. However, the behaviour has since improved and is now less prominent.

[Recording 2026-05-20 133729.zip](https://forum.radzen.com/uploads/short-url/lJrbQLBszKlGOrECu8dFhge6WK.zip) (7.4 MB)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [May 20, 2026, 6:00pm UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/10 "2026-05-20T18:00:39Z")

</div>

Hi @scottmcintosh,

Thank you for the video! We conducted a thorough research and found two similar issues related to theme switching:

1. The one visible in your latest video. Switching themes works by swapping the theme stylesheet. If a second switch started before the first one had finished loading (i.e. clicking the appearance toggle rapidly), the browser could momentarily end up with no theme stylesheet applied, showing unstyled content for a beat. This is now fixed in Radzen.Blazor: theme switching only swaps once the current theme stylesheet has fully loaded, so a rapid second click can no longer interrupt it mid-load. The fix is in the latest source and will go live in the next release.
2. The one you reported initially - changing the theme makes icons render as text first. This is a side effect of how .NET serves static files in the **Development** environment. There, `MapStaticAssets` sends static files (including the icon font) with `Cache-Control: no-cache`. So every time the theme stylesheet changes, Google Chrome (and Edge) re-validates and re-activates the icon font, briefly blanking the icons. Other browsers don't do this, and it does not happen in production, where the files are cached normally. If it bothers you while developing, add this to your appsettings.Development.json:

```auto
{
    "EnableStaticAssetsDevelopmentCaching": true
}

```

That keeps the font cached in development too, and the icon flicker goes away. We've applied the same setting to our demo projects. More details available here: [Static files in ASP.NET Core | Microsoft Learn](https://learn.microsoft.com/en-us/aspnet/core/fundamentals/static-files?view=aspnetcore-10.0#control-static-file-caching-during-development). You said that this doesn't happen in `dotnet new` (standard) Blazor apps but we managed to reproduce it there every time too. We believe the static asset caching combined with Google Chrome is the actual cause.

---

<div class="post-metadata">

**Author:** ![scottmcintosh](https://forum.radzen.com/letter_avatar_proxy/v4/letter/s/87869e/32.png) [@scottmcintosh](https://forum.radzen.com/u/scottmcintosh)\
**Post date:** [June 9, 2026, 9:16pm UTC](https://forum.radzen.com/t/issue-with-icons-not-loading-when-using-templates/21507/11 "2026-06-09T21:16:12Z")

</div>

Thanks, much appreciated!
