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
+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
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