diff --git a/src/Templates/templates/blazorweb-csharp-10/BlazorWebCSharp.1/Components/App.razor b/src/Templates/templates/blazorweb-csharp-10/BlazorWebCSharp.1/Components/App.razor
index 3d1295cc0c..c7af4024db 100644
--- a/src/Templates/templates/blazorweb-csharp-10/BlazorWebCSharp.1/Components/App.razor
+++ b/src/Templates/templates/blazorweb-csharp-10/BlazorWebCSharp.1/Components/App.razor
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="@Assets["BlazorWebCSharp.1.styles.css"]" />
     <ImportMap />
     @*#if (SampleContent)
-    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
     ##endif*@
     @*#if (!InteractiveAtRoot)
     <HeadOutlet />
diff --git a/src/Templates/templates/blazorweb-csharp-9/BlazorWeb-CSharp/Components/App.razor b/src/Templates/templates/blazorweb-csharp-9/BlazorWeb-CSharp/Components/App.razor
index 89d95f4738..ef6fe1761d 100644
--- a/src/Templates/templates/blazorweb-csharp-9/BlazorWeb-CSharp/Components/App.razor
+++ b/src/Templates/templates/blazorweb-csharp-9/BlazorWeb-CSharp/Components/App.razor
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="@Assets["BlazorWeb-CSharp.styles.css"]" />
     <ImportMap />
     @*#if (SampleContent)
-    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
     ##endif*@
     @*#if (!InteractiveAtRoot)
     <HeadOutlet />