Loading
PageSpeed Insights doesn’t like icon font libraries like:
/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff2
It complains that the text needs to remain visible during webfont load. This issue may reduce the page score because of it.
Font Awesome gets around “the text needs to remain visible during webfont load” by using “display:block” to fix the issue.
The other issue regarding icon font libraries is that the entire font library needs to be loaded for the page when the page itself maybe uses only 1 or 2 icons from it.
For example, I use the Bricks Menu Element and the mobile menu uses the X icon from ionicons so that entire library gets loaded for all my pages.
A solution to fix this would be to include the svg of the icon inline with the rest of the code (and not referencing the icon library directly). Elementor now does it this way with there icon library.
Icon Element
It would be nice if the icon element allowed you the option to paste your own custom SVG code.
Icon Library
The ability to add our own icon libraries (that also take advantage of the above requests)