How to tree shake / subset Font Awesome 5 icons

Learn how to tree shake FontAwesome 5 icons with Webpack.

The current FontAwesome 5 Free SVG JS file size is over 1mb. FontAwesome Pro is almost 3mb! There’s no way any single application will be using all of those awesome icons. I wouldn’t even say that they’re using a quarter of them. What does this mean? It means you’re having a user load over 1mb of icons only to use, at most, 80kb of them. No good. I am going to show you how to tree shake or subset the SVG icons only used in your app. (more…)