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

If you already have material-icons working in your web project, just need to update your reference in the html file and the used class for icons:

html reference:

Before

After

material icons class:

After that just check wich className are you using:

Before:

weekend

After:

weekend

that works for me... Pura vida!