'Where can I get codes of material icons?
I think there was a change in https://material.io/ - there are no codes for the icons, just 'name version' for example:
<i class="material-icons">
camera_enhance
</i>
What's more - they suggest using that for IE9 or below - I remember that previously there were displayed codes instead for IE9 or below.
Solution 1:[1]
Yes, this appears to be a bug, there are numerous issues filed:
https://github.com/google/material-design-icons/issues/766
https://github.com/google/material-design-icons/issues/772
https://github.com/google/material-design-icons/issues/785
In the mean time, you can refer to this:
Solution 2:[2]
With the new version 4.0.0 of icons, codepoints are accessible in the font directory of the official GitHub repository (the files with .codepoints
extension contain the codepoints).
The codepoints are also available on the Google Fonts website.
You can see the codepoint by clicking on the desired icon:
Solution 3:[3]
Google Fonts
Google recently added codepoints references to every icon directly in their webpage, see here: https://fonts.google.com/icons?selected=Material+Icons:drag_indicator
Every icon has at least the following:
Solution 4:[4]
Follow the steps
Step 1: Make sure to add the material link index.html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Step 2: Go to https://fonts.google.com/icons?selected=Material+Icons
Step 3: Find the icon from the list.
step 4: Click on the icon then you will see a code point on the right panel. Copy the code point (In the screenshot it is e8b6).
Step 5: use code point with &#x
ie. 
<i class="material-icons"></i>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|---|
Solution 1 | Community |
Solution 2 | |
Solution 3 | |
Solution 4 | Deepu Reghunath |