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

Update on 2018

Google removed the codes which were displayed earlier for IE9 and below. To get the codes visit the codepoints file in the GitHub repository.

Link to codepoints in GitHub repository: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

---

Step 1: Include the Material Icons Stylesheet.

Step 2 :

CSS Code:

.bullet li a:before {
    font-family: "Material Icons";
    content: "\e5cc";
}

Explanation: The value e5cc is the code which you see for the chevron.