Flutter web – incorrect icon alignment

June 1, 2023

In the latest update of Flutter 3.10, I encountered an issue where icons were not aligned correctly with the text. After thorough investigation, I discovered that the problem was caused by the tree-shake-icons feature.

But fret not! I’ve found the solution to get everything back to normal. Simply add the flag “–no-tree-shake-icons” when running the “flutter build” command. This will ensure that the icons align perfectly with the text once again.

For building the release version, use the following command: “flutter build web –release –no-tree-shake-icons”

Now, you can confidently build your Flutter web app without any icon alignment hiccups. Happy coding! 💻🚀

#FlutterUpdate #IconAlignmentFix #NoMoreIssues #FlutterWeb #SmoothDevelopment #HappyCoding