Material Icons with Font Awesome SVG

feature request:

Improve docs on integrating Material and Font Awesome SVG.

What is the use-case or motivation for changing an existing behavior?

Angular Material Icons set is lacking many icons found in Font Awesome but FA font is bulky, however, recent FA updates provide tree shakable angular implementations. see angular-fontawesome.

It would be incredibly beneficial to have some example documentation of how to register these SVG icons. I realize there is a lot of verbiage already I find it a bit confusing on how to use this; the current ‘example’ tab on icons section is lacking. Current documentation <mat-icon fontSet="fa" fontIcon="alarm"></mat-icon> assumes user is using the entire FA font, which defeats the purpose of tree shaking and SVG.

[jelbourn]

This was actually added in #10757 and will be in the 6.0 release

[jelbourn]

You should be able to use fontawesome svgs the same as any other svg (registering w/ MatIconRegistory and then referencing via the svgIcon property). Is there something about that that doesn’t work?