Material-design-icons: BUG: Where did the HTML Entity Codes go?

Created on 18 May 2018  路  10Comments  路  Source: google/material-design-icons

I like to sometimes use the material design icons as background images because it's more convenient..But in the recent website/font upgrade, it seems you guys have left out the entity reference or maybe have forgot to include them. Could you please add them back?

I see here on the website where it states:

<!--For modern browsers-->
<i class="material-icons">
help_outline
</i>

<!-- For IE9 or below. -->
<i class="material-icons">
help_outline
</i>

(this is why I think it's a bug)

Just to give you an example of what I mean, I'd like to be able to reference the entity code so I'm able to do things like this:

ul li { position: relative; padding: .25rem 0; margin: 0 0 0 1rem; }
ul li:before { 
    content: "\E3E7"; 
    font-family: "Material Icons"; 
    display: block; 
    position: absolute; 
    right: 100%; 
    font-size: 20px; 
    color: rgb(255, 112, 62); 
}

You can see an example here: https://codepen.io/oneezy/pen/dzpNvo


Thanks for making the web great

Most helpful comment

We're aware of this issue and are working on a fix.

In the meantime, you can find the code points here:
https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

All 10 comments

+1 for this being resolved asap, extremely annoying when trying to develop a good user experience for as many people as possible

+1 I use this on a daily basis!

You can just use the ligature based names for your specific use case: https://codepen.io/anon/pen/zjXQoZ
The only thing you won't get doing it that way is IE9 support.

While you're correct for OP and this is a usable interim solution - there are many other use cases for entity codes and since the entire point for their inclusion on the website is For IE9 or below I think it's important for them to be there.

The entities are also required for displaying icons on older versions of android web view.

We're aware of this issue and are working on a fix.

In the meantime, you can find the code points here:
https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

@jestelle these codepoints are outdated though and do not include all icons in the current webfont, see also this issue: https://github.com/google/material-design-icons/issues/786

e.g. what is the codepoint for 'bookmarks' ?

Is there any official list for the latest icons version?

+1

Was this page helpful?
0 / 5 - 0 ratings

Related issues

aleigood picture aleigood  路  4Comments

anlexN picture anlexN  路  3Comments

max picture max  路  3Comments

Paul-Ver picture Paul-Ver  路  3Comments

phidias51 picture phidias51  路  4Comments