How to set the CSS content property with a Google Material Icon?

Question

How can I insert the Google Material Icon \"chevron icon right\" (https://design.google.com/icons/#ic_chevron_right) in the following CSS content property:

.         


        

Answer 1

If you already included the minified CSS from materialdesignicons.com then just use the Material Design Icons font family instead:

::after {
    font-family: 'Material Design Icons';
    content: "\f054";
}

There is also a convenient Cheat Sheet available.