Material-design-icons: Update newest sets of icons in SVG, PNG and icon font formats in the GitHub repository

Created on 19 Jul 2020  ·  5Comments  ·  Source: google/material-design-icons

It seems like that the material icons on the Material Icons have been updated with additional icons, but they are not yet updated in this GitHub repository.
1

As a result, it is now unable to fetch the updated icon collection at once, both in the form of images and icon fonts.

I am looking forward to see them updated in GitHub ASAP.

Most helpful comment

hello~请问你发的这个font资源是怎么找到的(想着以后要更新),我直接访问fonts.google.com网站却没有找到~ @ytx21cn

This is NOT in the Google Fonts directory if you access it directly.

My steps to find out the exact URL:

  1. Open the Material Design Icons page.
  2. Using Firefox, press F12 to open Developer Tools. Then click on the Style editor tab.
  3. Switch to the styles.css style sheet, and copy the import URL at the top. It would be https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp|Material+Icons+Round|Material+Icons+Two+Tone.
    Screenshot from 2020-07-23 11-36-32
  4. Copy that URL and open it in a new tab. You see the source code:
    Screenshot from 2020-07-23 11-38-12
  5. Save this URL in a text file, for later use.

  6. Now go to Google Fonts.

  7. Download one font family offered in the directory, e.g. Roboto.
  8. From the list of recent downloads, right click "Roboto.zip" and select Copy Download Link.
    Screenshot from 2020-07-23 11-42-06

  9. Paste the copied download link in the address box. It would be https://fonts.google.com/download?family=Roboto.

  10. Go back to the URL you have saved in step 5. Now copy everything after family= in that URL, and use it to replace the content after family= in the address box.
  11. Now you get the full URL: https://fonts.google.com/download?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp|Material+Icons+Round|Material+Icons+Two+Tone. Press ENTER so that the zip would be downloaded.

All 5 comments

Follow up: This is the collection of the newest font files.

Google-material-icons-font.zip

Downloaded from: https://fonts.google.com/download?family=Material%20Icons|Material%20Icons%20Outlined|Material%20Icons%20Sharp|Material%20Icons%20Round|Material%20Icons%20Two%20Tone

hello~请问你发的这个font资源是怎么找到的(想着以后要更新),我直接访问fonts.google.com网站却没有找到~ @ytx21cn

hello~请问你发的这个font资源是怎么找到的(想着以后要更新),我直接访问fonts.google.com网站却没有找到~ @ytx21cn

This is NOT in the Google Fonts directory if you access it directly.

My steps to find out the exact URL:

  1. Open the Material Design Icons page.
  2. Using Firefox, press F12 to open Developer Tools. Then click on the Style editor tab.
  3. Switch to the styles.css style sheet, and copy the import URL at the top. It would be https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp|Material+Icons+Round|Material+Icons+Two+Tone.
    Screenshot from 2020-07-23 11-36-32
  4. Copy that URL and open it in a new tab. You see the source code:
    Screenshot from 2020-07-23 11-38-12
  5. Save this URL in a text file, for later use.

  6. Now go to Google Fonts.

  7. Download one font family offered in the directory, e.g. Roboto.
  8. From the list of recent downloads, right click "Roboto.zip" and select Copy Download Link.
    Screenshot from 2020-07-23 11-42-06

  9. Paste the copied download link in the address box. It would be https://fonts.google.com/download?family=Roboto.

  10. Go back to the URL you have saved in step 5. Now copy everything after family= in that URL, and use it to replace the content after family= in the address box.
  11. Now you get the full URL: https://fonts.google.com/download?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp|Material+Icons+Round|Material+Icons+Two+Tone. Press ENTER so that the zip would be downloaded.

Get!!💗💗

1055 aims to bring https://material.io/resources/icons and this repo into better sync.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cdeutsch picture cdeutsch  ·  4Comments

phidias51 picture phidias51  ·  4Comments

Kyrosee picture Kyrosee  ·  3Comments

Unknow-max picture Unknow-max  ·  3Comments

GelsonMR picture GelsonMR  ·  4Comments