You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+7-12Lines changed: 7 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
These are two different official icon sets from Google. Material Icons is the classic set, while Material Symbols was introduced in April 2022, built on variable font technology.
4
4
5
-
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).
5
+
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.
6
6
7
7
The icons are designed under the [material design guidelines](https://material.io/guidelines/).
8
8
@@ -12,18 +12,11 @@ The icons can be browsed in a more user-friendly way at https://fonts.google.com
12
12
13
13
These classic icons are available in five distinct styles:
14
14
- Outlined
15
-
- Filled
15
+
- Filled (the font version is just called Material Icons, as this is the oldest style)
16
16
- Rounded
17
17
- Sharp
18
18
- Two tone
19
19
20
-
Additionally, there are several fonts available, each corresponding to one of the sets above:
21
-
- Material Icons (the filled style)
22
-
- Material Icons Outlined
23
-
- Material Icons Round
24
-
- Material Icons Sharp
25
-
- Material Icons Two Tone
26
-
27
20
The following directories in this repo contain specifically Material Icons (not Material Symbols) content:
28
21
- android
29
22
- font
@@ -41,11 +34,11 @@ What is currently _not_ available in Material Icons?
41
34
42
35
These newer 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).
43
36
44
-
These icons were built/designed as variable fonts first (based on the 24 px designs from Material Icons). There are three separate Material Symbols variable fonts:
37
+
These icons were built/designed as variable fonts first (based on the 24 px designs from Material Icons). There are three separate Material Symbols variable fonts, which also have static icons available (but those do not have all the variations available, as that would be hundreds of styles):
45
38
- Outlined
46
39
- Rounded
47
40
- Sharp
48
-
-(although there is no separate Filled font, the Fill axis allows access to filled styles on all three fonts.)
41
+
-Note that although there is no separate Filled font, the Fill axis allows access to filled styles—in all three fonts.
49
42
50
43
Each of the fonts has these design axes, which can be varied in CSS, or in many more modern design apps:
51
44
- Optical Size (opsz) from 20 to 48 px. The default is 24.
@@ -62,6 +55,8 @@ What is currently _not_ available in Material Symbols?
62
55
- the only pre-made fonts are the variable fonts
63
56
- there are no two-tone icons
64
57
58
+
## Material Icons update history
59
+
65
60
### 4.0.0 Update
66
61
67
62
Restructured repository, updated assets.
@@ -77,7 +72,7 @@ License change to Apache 2.0!
77
72
78
73
## Getting Started
79
74
80
-
Read the [developer guide](https://google.github.io/material-design-icons/) on how to use the material design icons in your project.
75
+
Read the [developer guide](https://developers.google.com/fonts/docs/material_icons) on how to use the material design icons in your project.
0 commit comments