Size not consistent with material design icons about font_awesome_flutter HOT 10 CLOSED

Okey, apparently is a Flutter problem => flutter/flutter#34958

from font_awesome_flutter.

Hey there -- unfortunately I don't quite think that'd be possible, since the font itself comes from original FontAwesome team and Flutter is rendering that as-is. Also, since I don't know exactly what you're going for design-wise and if that's specific to your app, it might be tough to make it work for the wider audience.

As an alternative, you could create a custom Widget that accepted an Icon as a parameter and sets the correct font size / padded according to make it work for your design!

from font_awesome_flutter.

@brianegan
I'm not sure about all icons but have found an issue with a coffee icon.
Here is an example of two icons:

• Icons.shopping_basket
• FontAwesomeIcons.coffee

I have wrapped it to a colored container to show sizes:

I guess it's not a problem with this repo, but since I used it, I reported it here at first.
Should I create an issue at FontAwesome repo, what do you think?

from font_awesome_flutter.

Although not, I found the same issue with other icons:

from font_awesome_flutter.

Same problem for me

I think If you give a size to an icon it shouldn’t exceed the edges of the Icon Widget

from font_awesome_flutter.

I don't think it's impossible to do. The material icons appear to be 75% of the size of the font awesome icons, so in the FaIcon widget, instead of inheriting the default IconTheme size, you inherit 75% of the default IconTheme size.

from font_awesome_flutter.

This was discussed way before FaIcon was a thing. You are right, this issue can be fixed with the steps you described above - reopening (providing a fix as soon as my schedule allows)

from font_awesome_flutter.

Awesome. I edited the code and did the same thing and for the most part it works, however the size discrepancy does vary a bit but for the most part I think a value of 75% - 85% does the job.

from font_awesome_flutter.

I have the same problem also on iOS platform

from font_awesome_flutter.

Material icons are all set within squares, font awesome icons within rectangles. This is why they don't work well together and why we need a special FaIcon class instead of material's Icon. There is nothing we can do about the geometric differences. It's actually not even a bug, it's intentional.

For the size discrepancy we could add an attribute which multiplies the size with .75 for example. The same result can be obtained by simply wrapping the FaIcon in a widget which sets the icon's size parameter to the value needed. In the spirit of keeping the api as clean and as close to the original Icon as possible, the latter is the recommended way.

Marking this as wontfix.

from font_awesome_flutter.