Along with unveiling a new logo the previous year, Google Fonts also expanded support for open source icons. The symbols in Google’s Material design make use of changeable font technology.
Users of Google apps should be familiar with Many of these 2,500 glyphs , which follows the release of the Material Icons collection last year (2,000 unique icons in five styles), which is still accessible in Google Fonts.
The Material Symbols were divided up by Google into the following categories: Activities, Android, Audio and Video, Brand, Business and Payments, Common actions, Communication, Hardware, Home, Household, Maps, Others, Photo and Image, Privacy and Security, Proprietary, Social, Text Formatting, Transportation, Travel, and UI actions.
Symbols are supplied in three different forms (outlined, rounded, and sharp), and fill, weight, grade, and optical size can all be changed. They are all available under the Apache License 2.0.
A simple, light design that works well with busy UIs is outline symbols. With firms that convey their style through bolder typography, curved logos, or circular features, rounded symbols employ a corner radius that works nicely. Sharp Symbols have sharp, rectangular shapes with corners and straight edges that are still readable at lower scales. Web, Android (Vector Drawable format), and iOS (Apple Symbols) developers are able to utilize them, and Flutter support for Material Symbols is slated to come later. There is also an A Figma plugin .
Fill provides you the option to change the icon’s default appearance. Both the filled and empty states of a symbol can be displayed.
Use the fill axis for animation or interaction to show a change in state. The values are 0 for empty or 1, respectively. The fill also affects how the icon appears, in addition to the weight axis.
The stroke weight of a sign is defined by its weight, which ranges from thin (100) to bold (700). The total size of the sign can also be impacted by weight.
A symbol’s thickness depends on its weight and grade. Grade modifications are more precise than weight adjustments and have a negligible effect on the symbol’s size.
Between 20dp and 48dp are the optical sizes.
The stroke weight (thickness) must change as the icon size scales in order for the image to remain consistent at various sizes. When you change the symbol size, optical size provides a mechanism to automatically change the stroke weight.
Update: More information from Googles announcement blog has been included.
FTC: We employ automatically earning affiliate links. More.
Check out 9to5Google on YouTube for more news:
