Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update newest sets of icons in SVG, PNG and icon font formats in the GitHub repository #1042

Closed
ytxmobile98 opened this issue Jul 19, 2020 · 5 comments · Fixed by #1055
Closed

Comments

@ytxmobile98
Copy link

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.

@ytxmobile98
Copy link
Author

ytxmobile98 commented Jul 19, 2020

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

@ytxmobile98 ytxmobile98 changed the title Update newest sets of icons in SVG, PNG and icon font formats Update newest sets of icons in SVG, PNG and icon font formats in the GitHub repository Jul 20, 2020
@wexs
Copy link

wexs commented Jul 23, 2020

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

@ytxmobile98
Copy link
Author

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.

@wexs
Copy link

wexs commented Jul 24, 2020

Get!!💗💗

@rsheeter
Copy link
Collaborator

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants