How to set the CSS content property with a Google Material Icon?
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/font/MaterialIcons-Regular.codepoints
Step 1: Include the Material Icons Stylesheet.
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="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.
Try this.
.bullet li a:before {
font-family: FontAwesome;
content: "\f054";
}
You can refer here for content values
::before {
font-family: 'Material Icons';
content: "\E87C";
}
::after {
font-family: 'Material Icons';
content: "face";
}
http://codepen.io/estelle/pen/MwvOjd