Skip to content

Commit 40811b1

Browse files
authored
Merge pull request #1734 from google/tphinney-patch-1
Further clarify Material Symbols vs Material Icons
2 parents 9ab636f + b4f4992 commit 40811b1

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

README.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Material Symbols / Material Icons
22

3-
These are two different official icon sets from Google, using the same underlying designs. Material Symbols is the current set, introduced in April 2022, built on variable font technology. Material Icons is the classic set, but no longer actively updated.
3+
These are two different official icon sets from Google, using the same underlying designs. Material Symbols is the current set, introduced in April 2022, built on variable font technology. Material Icons is the classic set, but no longer updated. More details below.
44

55
The icons can be browsed in a more user-friendly way at https://fonts.google.com/icons. Use the popdown menu near top left to choose between the two sets; Material Symbols is the default.
66

@@ -55,12 +55,12 @@ These icons were built/designed as variable fonts first (based on the 24 px desi
5555
- Outlined
5656
- Rounded
5757
- Sharp
58-
- Note that although there is no separate Filled font, the Fill axis allows access to filled stylesin all three fonts.
58+
- Note that although there is no separate Filled font, the Fill axis allows access to filled styles, in all three fonts. It can also be manipulated for an animated fill effect, to indicate user selection.
5959

6060
Each of the fonts has these design axes, which can be varied in CSS, or in many more modern design apps:
6161
- Optical Size (opsz) from 20 to 48 px. The default is 24.
6262
- Weight from 100 (Thin) to 700 (Bold). Regular is 400.
63-
- Grade from -50 to 200. The default is 0 (zero).
63+
- Grade from -50 to 200. The default is 0 (zero). -50 is suggested for reversed contrast (e.g. white icons on black background)
6464
- Fill from 0 to 100. The default is 0 (zero).
6565

6666
The following directories in this repo contain specifically Material Symbols (not Material Icons) content:
@@ -95,6 +95,7 @@ What is currently _not_ available in Material Icons?
9595
- weights other than Regular
9696
- grades other than Regular
9797
- a means to animate Fill transitions
98+
- new icons (since updates were halted in 2022)
9899

99100
## Material Icons update history
100101

0 commit comments

Comments
 (0)