Outdated Font Files #786

conner-fallone · 2018-05-21T18:33:48Z

It looks like there are many newer icons that are missing from the latest font files hosted on the github (https://github.com/google/material-design-icons/tree/master/iconfont). One of these icons includes

arrow_right

It looks like the google web font is updated (https://fonts.gstatic.com/s/materialicons/v37/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2), but that is only the woff2 file. Our project also uses .woff/.ttf/.eot so we would need those files as well. Since we use a local copy of our fonts, switching to the google web font is not an option.

By opening https://fonts.googleapis.com/icon?family=Material+Icons in IE, i was able to get the url to the regular woff file: https://fonts.gstatic.com/s/materialicons/v37/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff

ianstormtaylor · 2018-05-22T18:16:46Z

Running into this too, seems like all of the new-ish added ones aren't in the iconfont files. (Or the repository at all potentially?) Would love to have this fixed, or someone from Google explain why. Thanks!

petergng · 2018-05-24T01:04:32Z

Took that woff and converted it to ttf. I could build out every weight and style too if someone can find a way to dl all the svg source.

materialicons3.zip

strxetics · 2018-06-06T14:34:47Z

is there also a codepoint list?

BOLL7708 · 2018-06-06T21:01:48Z

@petergng even if I use your files for self-hosted fonts, I cannot get any of the battery icons with percentages to work, like battery_20 or battery_charging_60. I've tried in Chrome, Edge and Firefox, same thing, just empty spaces. The other battery icons always work though.

nyankobu010 · 2018-06-13T14:38:53Z

Ran into this issue today as well, here's the list of fonts for v38 from Google Fonts, just enter them into a browser to download them. Font files are the latest as of 6/13/2018
EOT
https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNY.eot
WOFF2
https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
WOFF
https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff
TFF
https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf

SvenBudak · 2018-06-14T10:32:36Z

@nyankobu010 Thanks but in your Versions is the minimize icon still missing...

nyankobu010 · 2018-06-14T15:31:06Z

The regular versions of the icon are present but if you're looking for a minimize version, I would just create a custom font with the font files and just declare a specific font size for the icon font family

@font-face {
  font-family: 'Roboto-Min';
  font-style: normal;
  font-size: 5px; //  <-------------- declare the default size
  src: local('Roboto'),
  local('Roboto-Regular'),
  url('./assets/fonts/roboto/Roboto-Regular.eot') format('embedded-opentype'),
  url('./assets/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
  url('./assets/fonts/roboto/Roboto-Regular.woff') format('woff'),
  url('./assets/fonts/roboto/Roboto-Regular.woff2') format('woff2');
}

xGouley · 2018-06-15T06:28:54Z

Thank you, but these versions does not work with battery_20 for example. Still not there?

I had to kind of work around the fact that the github repo for material-design-icons is outdated; some icons do not show up. I found a recent Issue and downloaded the most recent version from Google's hosted files for the material icon font. Even so, some icons don't work, like battery level icons. Here's the link to that Issue on the MDI repo: google/material-design-icons#786

thw0rted · 2018-06-23T13:26:44Z

As you can see, I went around and found a whole bunch of issues basically asking the same thing: why are the fonts installed by NPM so outdated, and who can provide an updated (npm-installable) version? I know I could download the WOFFs myself (or whatever) but the rest of my application installs nicely with a single NPM command and I'd like to avoid having to include the fonts themselves in my source if I can help it.

jimmykane · 2018-06-23T14:33:07Z

Hey, @jestelle please read this issue here.

Afaik this is an official package from Google and it's literally crippled, outdated and out of sync with the online fonts and documentation.

It's time to take action

thw0rted · 2018-06-28T08:29:38Z

How hard would it be to manually update to the newest files in this font-file-only NPM package, or something like it? I know some people want updated SVG / PNG, but I'd settle for having a more reliable update process for font files.

alecogt · 2018-07-03T16:03:40Z

It is not only that the NPM package is not up to date. The toggle_on and toggle_off icons are not included even when included from https://fonts.googleapis.com/icon?family=Material+Icons

jossef · 2019-01-15T20:21:42Z

Heh, created a bunch of scripts for scrapping, sanitizing, ordering SVGs from the material icons site and then making 5 different fonts with them only to realize later that transparency for fonts is not supported, and this is the reason lots of icons are missing in the original google font. (Like signal and battery level icons. R.I.P. my Polybar upgrading plans.)

Should I even bother about cleaning it up and uploading it to GitHub? Generated fonts are not compatible with google ones (they have different Unicode indices), but will be compatible with their previous versions if Google will add more icons.

@Azumgi sounds awesome!
Would you mind collaborating with me on jossef#20? it's exactly what you have described!

tsiegleauq · 2019-02-12T12:04:33Z

@jossef your chosen license actively prevents projects from using your solution.

jossef · 2019-02-12T17:39:47Z

@jossef your chosen license actively prevents projects from using your solution.

Honestly, I've inherited the license from this repo (since I've forked the repo from here).
I see that the licence was updated to Apache v2 after I've forked it.

I will update my forked version as well to Apache v2
jossef#34

Thanks for the lightning!

cfremgen · 2019-03-01T21:54:42Z

Numbered battery icons are still missing.

sg-mamedova · 2019-03-25T08:31:46Z

meeting_room also missing

TZanke · 2019-04-26T13:23:22Z

Filenames are always the same. Each file has its unique last char + filetype:
"flUhRq6tzZclQEJ-Vdg-IuiaDsN" + [ Y.eot | c.woff2 | a.woff | Z.ttf ]

EOT
https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNY.eot
WOFF2
https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
WOFF
https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff
TFF
https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf

For future updates, just check the lastest version available from here:
https://fonts.googleapis.com/icon?family=Material+Icons

Replace the old version number with the new one.

@sg-mamedova v47 contains meeting_room

sgon00 · 2019-04-26T15:00:21Z

You can downvote my comment, but I need to +1.

Dreomite · 2019-05-18T11:19:33Z

I finally got to cleaning up my solution and publishing it.

https://github.com/Azumgi/Material-Icons-Complete

It is the project for parsing every single material icon from material.io site and generating fonts for every theme in eot, ttf, otf, svg, woff, and woff2 formats. All the fonts can be downloaded in release section.

@jossef I'm sorry for not responding earlier as I was very busy and then simply forgot about it. Unfortunately, I'm not interested in collaboration due to lack of free time and interest. But you're free to use any parts of my project's code.

lipedeitos · 2019-05-20T14:33:29Z

Filenames are always the same. Each file has its unique last char + filetype:
"flUhRq6tzZclQEJ-Vdg-IuiaDsN" + [ Y.eot | c.woff2 | a.woff | Z.ttf ]

EOT
https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNY.eot
WOFF2
https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
WOFF
https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff
TFF
https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf

For future updates, just check the lastest version available from here:
https://fonts.googleapis.com/icon?family=Material+Icons

Replace the old version number with the new one.

@sg-mamedova v47 contains meeting_room

Those files .ttf doesn't work properly as fonts in photoshop, anyone knows why or how to make it work?
It actually works when you open the "glyphs" tab on photoshop, but the original font works writing the name os the icon like "add" or "keyboard_arrow_down"

lotterfriends · 2019-10-19T23:34:11Z

I created a Mode module to download all versions and files of the Font.

material-regular.eot
material-regular.woff
material-regular.woff2

material-outline.otf
material-outline.eot
material-outline.woff
material-outline.woff2

material-round.otf
material-round.eot
material-round.woff
material-round.woff2

material-sharp.otf
material-sharp.eot
material-sharp.woff
material-sharp.woff2

material-twotone.otf
material-twotone.eot
material-twotone.woff
material-twotone.woff2

https://github.com/lotterfriends/material-icons-downloader

The Script also create a version.json file so you know google updated the icons.

kudakurage · 2019-11-07T11:06:24Z

Hey @fallXone @ianstormtaylor @petergng @strxetics @BOLL7708 @nyankobu010 @BamiGorengo @xGouley @thw0rted @jimmykane @thw0rted @alecogt @eelcowen @Kerrick @aj1991 @RyanEwen @jamesplease @petergng @ftaiolivista @RyanEwen @fayzaan @alenvuletic @alenvuletic @CodeCrusha @gizm0bill @ericssan

This project is on low maintenance and out of date for a while.

The lack of updates + development support issues also bothered me. I've forked this repo, added support for scss, removed irrelevant files and updated the fonts with the latest straight from Google's CDN.

Check it out: material-design-icons-iconfont

good job!
Would you mind push pull request for updating icon fonts? @jossef

Material design icons fonts are not updated on npm and github, so using local fonts downloaded from cdn. ref: google/material-design-icons#786

tphinney · 2022-06-04T17:30:55Z

Those files .ttf doesn't work properly as fonts in photoshop, anyone knows why or how to make it work? It actually works when you open the "glyphs" tab on photoshop, but the original font works writing the name os the icon like "add" or "keyboard_arrow_down"

The original fonts use OpenType ligature features to make that work. (The latest ones use the 'rlig' feature, I imagine that was how it worked back then as well, although it but could have been 'liga'.) There is some extra work involved in the build process to automatically generate ligatures for all the icons. Additionally, the newest fonts also support ligatures for a bunch of former duplicate icons that are no longer physically present in the font—that involves a hardcoded list.

KaelWD mentioned this issue May 22, 2018

[Bug Report] New Material Icons are rendering incorrectly vuetifyjs/vuetify#4107

Closed

niutech mentioned this issue Jun 1, 2018

Icons are missing #798

Closed

strxetics mentioned this issue Jun 6, 2018

New Icons Missing alump/MaterialIcons#1

Open

strxetics mentioned this issue Jun 7, 2018

BUG: Where did the HTML Entity Codes go? #785

Closed

jacekkarczmarczyk mentioned this issue Jun 12, 2018

[Bug Report] Bug v-icon centering vuetifyjs/vuetify#4277

Closed

This was referenced Jun 28, 2018

toggle_off and toggle_on icons is missing #780

Closed

Symbol 'meeting_room' is missing in icon font #782

Closed

Release table_chart #765

Closed

'arrow_right_alt' seems to be missing #769

Closed

zoechi mentioned this issue Jan 28, 2019

Material icon from material.io not found flutter/flutter#18849

Closed

insanity54 mentioned this issue Feb 19, 2019

signal_wifi_[0-3]_bar icons are the same icon. signal_wifi_4_bar is not uniform. jossef/material-design-icons-iconfont#36

Open

This was referenced Feb 19, 2019

vertical_split icon is not displayed #906

Closed

play_arrow_outline not present #860

Closed

insanity54 mentioned this issue Mar 6, 2019

Is this repo not maintained any more? #911

Closed

TZanke mentioned this issue Apr 26, 2019

Please update this font #927

Closed

sgon00 mentioned this issue Apr 26, 2019

Is material_icons from https://www.google.com/design/icons/? home-outline is missing flutter-studio/flutter-icons#6

Closed

sgon00 mentioned this issue Apr 26, 2019

Missing Material Icons flutter/flutter#27956

Closed

2534290808 mentioned this issue Apr 28, 2019

You can downvote my comment, but I need to +1. #928

Closed

TheMaaarc mentioned this issue May 28, 2019

Update Material Icons to v47 luyadev/luya-module-admin#309

Closed

jsfan3 mentioned this issue Jul 9, 2019

RFE - MATERIAL.CONTACT_SUPPORT not available? codenameone/CodenameOne#2421

Closed

jacekkarczmarczyk mentioned this issue Aug 22, 2019

[Bug Report] Material Icon do not display when name ends with digits vuetifyjs/vuetify#8673

Closed

vpzomtrrfrt mentioned this issue Sep 9, 2019

Material Design Link off/ Unlink Icon react-icons/react-icons#201

Open

jsroest mentioned this issue Nov 14, 2019

Characters with an underscore in their name will get a default IconXXX name andreinitescu/IconFont2Code#6

Closed

dosbiner mentioned this issue Nov 26, 2019

material icon abandoned, move to another alternatives? prestarocket-agence/classic-rocket#114

Closed

PanderMusubi mentioned this issue Apr 29, 2020

Material icons : Two tone and other options PanderMusubi/inkscape-open-symbols#117

Open

RoelN added the npm related label Jan 18, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Outdated Font Files #786

Outdated Font Files #786

conner-fallone commented May 21, 2018 •

edited

Loading

ianstormtaylor commented May 22, 2018

petergng commented May 24, 2018

strxetics commented Jun 6, 2018

BOLL7708 commented Jun 6, 2018

nyankobu010 commented Jun 13, 2018 •

edited

Loading

SvenBudak commented Jun 14, 2018

nyankobu010 commented Jun 14, 2018

xGouley commented Jun 15, 2018

thw0rted commented Jun 23, 2018

jimmykane commented Jun 23, 2018

thw0rted commented Jun 28, 2018

alecogt commented Jul 3, 2018

jossef commented Jan 15, 2019

tsiegleauq commented Feb 12, 2019

jossef commented Feb 12, 2019 •

edited

Loading

cfremgen commented Mar 1, 2019 •

edited

Loading

sg-mamedova commented Mar 25, 2019

TZanke commented Apr 26, 2019 •

edited

Loading

sgon00 commented Apr 26, 2019

Dreomite commented May 18, 2019

lipedeitos commented May 20, 2019 •

edited

Loading

lotterfriends commented Oct 19, 2019 •

edited

Loading

kudakurage commented Nov 7, 2019

Check it out: material-design-icons-iconfont

tphinney commented Jun 4, 2022

Outdated Font Files #786

Outdated Font Files #786

Comments

conner-fallone commented May 21, 2018 • edited Loading

ianstormtaylor commented May 22, 2018

petergng commented May 24, 2018

strxetics commented Jun 6, 2018

BOLL7708 commented Jun 6, 2018

nyankobu010 commented Jun 13, 2018 • edited Loading

SvenBudak commented Jun 14, 2018

nyankobu010 commented Jun 14, 2018

xGouley commented Jun 15, 2018

thw0rted commented Jun 23, 2018

jimmykane commented Jun 23, 2018

thw0rted commented Jun 28, 2018

alecogt commented Jul 3, 2018

jossef commented Jan 15, 2019

tsiegleauq commented Feb 12, 2019

jossef commented Feb 12, 2019 • edited Loading

cfremgen commented Mar 1, 2019 • edited Loading

sg-mamedova commented Mar 25, 2019

TZanke commented Apr 26, 2019 • edited Loading

sgon00 commented Apr 26, 2019

Dreomite commented May 18, 2019

lipedeitos commented May 20, 2019 • edited Loading

lotterfriends commented Oct 19, 2019 • edited Loading

kudakurage commented Nov 7, 2019

Check it out: material-design-icons-iconfont

tphinney commented Jun 4, 2022

conner-fallone commented May 21, 2018 •

edited

Loading

nyankobu010 commented Jun 13, 2018 •

edited

Loading

jossef commented Feb 12, 2019 •

edited

Loading

cfremgen commented Mar 1, 2019 •

edited

Loading

TZanke commented Apr 26, 2019 •

edited

Loading

lipedeitos commented May 20, 2019 •

edited

Loading

lotterfriends commented Oct 19, 2019 •

edited

Loading