Skip to content

Move fonts to new structure #1490

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.

Sign up for GitHub

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

Open
tphinney wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Move fonts to new structure #1490

Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
7002451
Rename font/MaterialIcons-Regular.codepoints to font/material-icons/M…
tphinney Mar 15, 2023
ca724a1
Create README.md
tphinney Mar 15, 2023
8afaaa4
Move font files
tphinney Mar 15, 2023
6b2c9e7
update README.md to reflect moved files
tphinney Mar 15, 2023
9973483
Create README.md
tphinney Mar 15, 2023
a0014be
Update README.md
tphinney Mar 15, 2023
bfed7d7
move MaterialIcons-Regular.ttf with its mates
tphinney Mar 15, 2023
aca47b2
Update README.md
tphinney Mar 17, 2023
5a05523
Update README.md
tphinney Mar 17, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
0 ...sOutlined[FILL,GRAD,opsz,wght].codepoints → ...sOutlined[FILL,GRAD,opsz,wght].codepoints
View file
Open in desktop
File renamed without changes.
0 ...lSymbolsOutlined[FILL,GRAD,opsz,wght].ttf → ...lSymbolsOutlined[FILL,GRAD,opsz,wght].ttf
View file
Open in desktop
File renamed without changes.
0 ...ymbolsOutlined[FILL,GRAD,opsz,wght].woff2 → ...ymbolsOutlined[FILL,GRAD,opsz,wght].woff2
View file
Open in desktop
File renamed without changes.
0 ...lsRounded[FILL,GRAD,opsz,wght].codepoints → ...lsRounded[FILL,GRAD,opsz,wght].codepoints
View file
Open in desktop
File renamed without changes.
0 ...alSymbolsRounded[FILL,GRAD,opsz,wght].ttf → ...alSymbolsRounded[FILL,GRAD,opsz,wght].ttf
View file
Open in desktop
File renamed without changes.
0 ...SymbolsRounded[FILL,GRAD,opsz,wght].woff2 → ...SymbolsRounded[FILL,GRAD,opsz,wght].woff2
View file
Open in desktop
File renamed without changes.
0 ...bolsSharp[FILL,GRAD,opsz,wght].codepoints → ...bolsSharp[FILL,GRAD,opsz,wght].codepoints
View file
Open in desktop
File renamed without changes.
0 ...rialSymbolsSharp[FILL,GRAD,opsz,wght].ttf → ...rialSymbolsSharp[FILL,GRAD,opsz,wght].ttf
View file
Open in desktop
File renamed without changes.
0 ...alSymbolsSharp[FILL,GRAD,opsz,wght].woff2 → ...alSymbolsSharp[FILL,GRAD,opsz,wght].woff2
View file
Open in desktop
File renamed without changes.
23 changes: 4 additions & 19 deletions font/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,13 @@
This is the directory for Material Icons; the newer Material Symbols are at [../variablefont](https://github.com/google/material-design-icons/tree/master/variablefont).
This directory contains the Material Symbols font files; the older Material Icons (non-variable) fonts are at [/material-icons](https://github.com/google/material-design-icons/tree/master/font/material-icons).

Material Icons are the non-variable classic icon fonts, while the Material Symbols variable fonts offer weight, optical size, grade and fill variations (with grade and Fill being intended also for animated effects).
The Material Symbols variable fonts offer weight, optical size, grade and fill variations (with grade and Fill being intended also for animated effects). Material Symbols are the non-variable classic icon fonts, while
Copy link
Copy Markdown

@2bndy5 2bndy5 Mar 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Paragraph ends in an incomplete sentence (resulting from copy-n-paste I think)

Copy link
Copy Markdown
Collaborator Author

@tphinney tphinney Mar 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! Fixed.
(Also fixed a code snippet that referenced the font incorrectly.)


The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:
The recommended way to use the Material Symbols font is by linking to the web font hosted on Google Fonts:

```html
<!-- https://material.io/resources/icons/?style=baseline -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
Copy link
Copy Markdown

@omkarkulkarni2704 omkarkulkarni2704 Dec 10, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The issue is in the first tag for Material Icons, which is missing a closing >; it should be:

<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Material+Symbols"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=outline -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=round -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Round"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=sharp -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Sharp"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=twotone -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Two+Tone"
rel="stylesheet">
```

0 font/MaterialIcons-Regular.codepoints → ...al-icons/MaterialIcons-Regular.codepoints
View file
Open in desktop
File renamed without changes.
0 font/MaterialIcons-Regular.ttf → .../material-icons/MaterialIcons-Regular.ttf
View file
Open in desktop
File renamed without changes.
0 .../MaterialIconsOutlined-Regular.codepoints → .../MaterialIconsOutlined-Regular.codepoints
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsOutlined-Regular.otf → ...l-icons/MaterialIconsOutlined-Regular.otf
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsRound-Regular.codepoints → ...ons/MaterialIconsRound-Regular.codepoints
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsRound-Regular.otf → ...rial-icons/MaterialIconsRound-Regular.otf
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsSharp-Regular.codepoints → ...ons/MaterialIconsSharp-Regular.codepoints
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsSharp-Regular.otf → ...rial-icons/MaterialIconsSharp-Regular.otf
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsTwoTone-Regular.codepoints → ...s/MaterialIconsTwoTone-Regular.codepoints
View file
Open in desktop
File renamed without changes.
0 font/MaterialIconsTwoTone-Regular.otf → ...al-icons/MaterialIconsTwoTone-Regular.otf
View file
Open in desktop
File renamed without changes.
28 changes: 28 additions & 0 deletions font/material-icons/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
This directory contains the older Material Icons (non-variable) fonts.

The newer Material Symbols are one level up in the "font" directory. The Material Symbols variable fonts offer weight, optical size, grade and fill variations (with grade and Fill being intended also for animated effects). Material Symbols are the non-variable classic icon fonts, while

The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:

```html
<!-- https://material.io/resources/icons/?style=baseline -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=outline -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined"
Copy link
Copy Markdown

@omkarkulkarni2704 omkarkulkarni2704 Oct 10, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Correct version:-

Copy link
Copy Markdown

@alhwaryasmh-cell alhwaryasmh-cell Apr 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ASMAH SAAD

Copy link
Copy Markdown

@alhwaryasmh-cell alhwaryasmh-cell Apr 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ASMAH SAAD EL DIN MA

rel="stylesheet">

<!-- https://material.io/resources/icons/?style=round -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Round"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=sharp -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Sharp"
rel="stylesheet">

<!-- https://material.io/resources/icons/?style=twotone -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Two+Tone"
rel="stylesheet">
```

1 change: 1 addition & 0 deletions variablefont/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
The variable fonts that were formerly in this directory are now in the “font” directory instead.
⚡