Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

[Bug]: FontAwsome icon id not working together with icon size

Open danik121 opened this issue 10 months ago • 7 comments

Blazorise Version

1.5.1

What Blazorise provider are you running on?

FluentUI2

Link to minimal reproduction or a simple code snippet

<Icon IconSize="IconSize.Large" Class="fa-solid" Name="@("fa-repeat")">

Steps to reproduce

used example from demos

What is expected?

show icon

What is actually happening?

image image

What browsers do you see the problem on?

No response

Any additional comments?

No response

danik121 avatar Apr 19 '24 08:04 danik121

What icon package do you have in your index.html, or App.razor file? Can you check that you didn't accidentally defines fluent icons?

stsrki avatar Apr 19 '24 09:04 stsrki

What icon package do you have in your index.html, or App.razor file? Can you check that you didn't accidentally defines fluent icons?

I use fontawsome if I remove iconSize then it works image image

danik121 avatar Apr 19 '24 09:04 danik121

I've just tried, and it works for me. Tried two approaches.

<Icon IconSize="IconSize.Large" Class="fa-solid" Name="@("fa-repeat")" />
<Icon IconSize="IconSize.Large" IconStyle="IconStyle.Solid" Name="@("fa-repeat")" />

image


What version of FA do you have?

stsrki avatar Apr 19 '24 09:04 stsrki

What version of FA do you have?

  • Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com From installed package

oke. It's not working when you use IconSize and both icons fluent ui and fontAwsome.

danik121 avatar Apr 19 '24 09:04 danik121

Can you try with

<link href="_content/Blazorise.Icons.FontAwesome/v6/css/all.min.css" rel="stylesheet">

stsrki avatar Apr 19 '24 09:04 stsrki

I Use that

danik121 avatar Apr 19 '24 09:04 danik121

Can you try with

I can confirm that this solved my issue of missing icons.. for instance IconName.QuestionCircle was missing but IconName.CalendarDay did show up.

sturlath avatar Apr 21 '24 17:04 sturlath