Unhandled exception rendering component: The requested icon (ArrowCircleLeft, Size20, Regular) is not available in the collection

Question

I'm studing Fluent UI Blazor component of Blazor WebAssembly App.

The browser throws the following error:

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: The requested icon (ArrowCircleLeft, Size20, Regular) is not available in the collection
System.ArgumentException: The requested icon (ArrowCircleLeft, Size20, Regular) is not available in the collection
   at Microsoft.Fast.Components.FluentUI.FluentIcon.OnParametersSet() in /_/src/Microsoft.Fast.Components.FluentUI/Components/Icon/FluentIcon.cs:line 92
   at Microsoft.AspNetCore.Components.ComponentBase.CallOnParametersSetAsync()
   at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()

This is my source code

<div style="display:flex">
    <FluentIcon Name="@FluentIcons.ArrowCircleLeft" />    
</div>

I am following the "https://github.com/microsoft/fast-blazor" site.

Buttons and other components work fine, only the icon gives an error.

The answer of Jayapaul P should be marked as the correct one — Narvalex, Mar 29 '23 at 14:39

score 2 · Answer 1 · answered Mar 29 '23 at 04:39

2

Refer to the below document if you’re using hosted Blazor project with version 2.1 and higher

fluentui-blazor/WHATSNEW.md

Two additional configurations/changes are required in the project file and Program.cs

answered Mar 29 '23 at 04:39

Jayapaul P

21
2

Unhandled exception rendering component: The requested icon (ArrowCircleLeft, Size20, Regular) is not available in the collection

1 Answers1