some Icons gets out of its box constraints

[AlaaEldeenYsr]

Image for the issue

I tried to use flutter_svg package https://pub.dev/packages/flutter_svg and it displayed the same icon well, so i think this is an issue from the flutter_icon website

[ElZombieIsra]

I have the same problem.

I've been doing some research and it seems like the problem is that the font generated is not completely squared so when Flutter renders the icon (the generated font), the icon overflows, and the overflow is shown by Flutter. You can try this if you add textDirection: TextDirection.rtl in your icon and it will overflow the other way.

The only way I see we could fix this is by making all the characters generated in the font completely squared, so the icons never overflow, being completely centered.

Edit: I'm realizing now that even on the page you can notice the error on your icons when you go to the "names" tab.

Edit 2: Custom Icon Widget

For anyone interested, I made a custom implementation of the Icon widget that solves the problem that Flutters Icon widget have and wraps the overflow of the icon. You can try it out here

[wyatthoffman4392]

@ElZombieIsra Thank you for the workaround class that is great! However a fix for this would still be very nice from the code owners.