Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
danik121 opened this issue Apr 19, 2024 · 7 comments
Open

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

danik121 opened this issue Apr 19, 2024 · 7 comments
Labels
Type: Bug 🐞 Something isn't working

Comments

@danik121
Copy link

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 danik121 added the Type: Bug 🐞 Something isn't working label Apr 19, 2024
@stsrki
Copy link
Collaborator

stsrki commented Apr 19, 2024

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?

@danik121
Copy link
Author

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

@stsrki
Copy link
Collaborator

stsrki commented Apr 19, 2024

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?

@danik121
Copy link
Author

What version of FA do you have?

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

@stsrki
Copy link
Collaborator

stsrki commented Apr 19, 2024

Can you try with

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

@danik121
Copy link
Author

I Use that

@sturlath
Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug 🐞 Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants