I am trying use font awesome +/x in the FAB to open/close. If I keep fonts folder from Material icons it works (with normal MD icon call ) but I wanna reduce app size carry on only with font awesome.
It does work following the docs, but I wanna remove F7 icons as well material icons to reduce app size, and stick with only font awesome. And with font awesome + and x icon it doesnt work, show both icons, like in the image attached.
You should be able to replace the icons with anything you want, as long as you wrap them in <i> elements. The CSS to animate between the first and second icon is based on first and directly following <i> element:
The issue was use font awesome JS/SVG instead of font awesome CSS/Webfonts. Beside that the JS from FA has conflict with FAB (F7), that I sort changing the fab reference inside FA JS, but it caused side effects. Thank you all for help.