How to use the new Material Design Icon themes: Outlined, Rounded, Two-Tone and Sharp?

Question

Google has revamped its Material Design Icons with 4 new preset themes:

Outlined, Rounded, Two-Tone and Sharp, in addition to the regular Fil

Answer 1

The webfonts link works now, in all browsers!

Simply add your themes to the font link separated by a pipe (|), like this

Then reference the class, like this:

// class="material-icons" or class="material-icons-outlined"

account_balance
account_balance

This pattern will also work with Angular Material:

account_balance
account_balance