Create an icon font

[addyosmani]

An icon font is being worked on at the moment and we're hoping to ship it sometime soon :)
This issue is mostly a placeholder to remind us to include it.

[tomByrer]

Please skip SVG fonts in webpage loaders, since Chrome/Blink is dropping support for it; I don't see any need in browsers anymore.
Include WOFF2 when you get a chance please, since that seems to be the new hotness (Fx will support WOFF2 soonish).

[tomByrer]

I didn't think about anything but web-pages, thanks for the reminder @Dzonatas [edited my post above for dropping SVG support for web only].

[ScottRFrost]

Found this on https://www.reddit.com/r/MaterialDesign and just assumed it would be an icon font, since the icons are all monochrome. Was severely disappointed to find it as old school pngs.

Once this is an icon font, I can probably get rid of font awesome in my new stuff, especially things that implement https://material.angularjs.org/

[bbodenmiller]

I too was hoping to see this be a web font like Font Awesome.

[ajunior]

@bbodenmiller, yeah... +1

[tomByrer]

Unofficial fonts here: https://github.com/FezVrasta/bootstrap-material-design/tree/master/fonts
Demo: http://fezvrasta.github.io/bootstrap-material-design/ (scroll down)
Some like battery seem off. I few others I did compare with seem OK. I didn't check kerning, print optimization, etc.

[addyosmani]

We're trying to make sure the Web font that gets released has high quality representations of all glyphs. Hang on in there and we'll hopefully have something to show soonish.

[zavoloklom]

Another unofficial version: http://zavoloklom.github.io/material-design-iconic-font/
Without bug with battery icons and css-styles like FontAwesome

[AliMD]

👍

[abudayah]

+1

[lmnelson]

Looking forward to this!!

[MeoMix]

👍

[gustavohenke]

👍 too

[epelc]

Css classes like font awesome would go nicely with this.

[theDazzler]

👍

[nikhildaga]

+1

[FdezRomero]

+1

[Meurers]

+1 ... would be great

[joshrtay]

+1

[jestelle]

Keep the +1s coming. I can't wait to share this font with you all...

[mhenley-uk]

+1

[platinumthinker]

+1

[miguelcobain]

+1

[lucianosantana]

+1

[epelc]

Is there any eta on this?

[ElMassimo]

👍

[addyosmani]

Hey folks. Quick update: We know that the icon font is in high demand at the moment and work on the official one is still on-going. I unfortunately don't have a precise release date for you, other than "hopefully soon".

In the mean time, perhaps it makes sense for us to get behind a reliable community authored icon font that we can link to from the README. This would at least help fill in the gaps until the icons team are ready with their version. Again, sorry for the delay here!

[Templarian]

If @FezVrasta has time to NPM / Bower that webfont above it would probably be the best* option.

^{* I renamed 40% of the icons from the official set for MaterialDesignIcons.com to follow a more Font Awesome naming scheme. That with all the community icons it might make the transition to an official webfont clunky.}

[FezVrasta]

I've created a repository just for the iconic font here:

https://github.com/FezVrasta/material-design-iconfont

I've not experience with CDN and even the ones of my theme was created by someone else so if someone wants to add this repo to CNDJS or JSDelivr please do it!

I will refer to this repository even on my theme if it gets approved as "unofficial_but_official" repo.

[kdekooter]

👍

[tomByrer]

I've created a repository just for the iconic font here:
https://github.com/FezVrasta/material-design-iconfont
I've not experience with CDN and even the ones of my theme was created by someone else so if someone wants to add this repo to ...JSDelivr please do it!

@FezVrasta; your version is already on jsDelivr: http://www.jsdelivr.com/#!bootstrap.material-design
I'd rather not re-publish already existing files, especially larger files like fonts.
'Someday' we'll have a FontCDN, but for now your old repo works well enough. Still missing WOFF2 though ;)

[hebbet]

seems to be fixed ;) http://google.github.io/material-design-icons/#icon-font-for-the-web

[metalmatze]

Finally, thanks Google! 🎈

[denunv]

👍

[jestelle]

That's right! Come and get it folks!
Let us know how you find the icon font and let us know if there's anything we can do to make it easier for you to use.

[kamranayub]

What's the difference between the Fonticons Material Design icons and these official ones? Both are by Google but the Fonticons has extras (facebook-messenger, amazon, etc.). Is that one only for subscribers?

https://fonticons.com/fonts/material-design/regular (1134 icons · 24px · v1.1.34 · by Google)

[FezVrasta]

Looks like the official font has no support for half-transparent icons like the signal and battery indicators :(

[davegandy]

@kamranayub The Fonticons version is the same as the official version. We waited to add them until there was something official. Happy to chat more offline and not hijack this thread. :)

[Templarian]

@davegandy It looks like you're using the community version (v1.1.34 latest) and not the official one. Until the community one is synced up in the next week it is missing some of the new icons that were recently added.

[davegandy]

@Templarian Okay, I think I'm confused. This is what we're using: https://github.com/google/material-design-icons/tree/master/iconfont. Is that not the latest official version from Google? How is materialdesignicons.com related?

[davegandy]

@Templarian Looks like we might have grabbed the wrong version. Very confusing. We'll update quickly.

[Templarian]

@davegandy No problem. Yea, the community version predates the official one, so it probably turned up in the search results. When the project was started it was before we knew Google was even going to open source their icon set. Kind of stuck with the naming now due to a lot of open source projects referencing it.

[antilect]

I need a vacation.

[neerajsohal]

+1

[shyndman]

@neerajsohal We've created one. Read this

[diosney]

@shyndman Some icons in the icon font have issues, see battery_20 for an example, it doesn't ouput anything. Maybe this is related to the transparency issue related above?

Thanks

[hebbet]

@diosney please file new issues if you think there are bugs in the found.

that ticket was about creating a font initial.

[diosney]

@hebbet OK, no problem.