“Material Symbols” are the latest Google Font icons

In addition to introducing a new logo last year, Google Fonts added support for open-source icons. Google’s material symbols are now available taking advantage of variable font technology.

Many of these 2,500 glyphs should be familiar to users of the Google app, and follow last year’s release of the “Material Icons” collection, which remains available in Google Fonts.

Google has categorized hardware symbols by: Activities, Android, Audio & Video, Brand, Business & Payments, Common Stocks, Communication, Hardware, Home, Household, Maps, Others, Photo & Image, Privacy & Security, Proprietary, Social, Formatting Text, Transport, Travel and UI actions.

Available under the Apache 2.0 license, the symbols come in three styles (outline, rounded, and sharp) with the ability to adjust padding, weight, quality, and optical size.

They can be used by web, Android (Vector Drawable format), and iOS (Apple Symbols) developers, while “Flutter support for Material Symbols is planned.”

Fill lets you change the default icon style. A single icon can make the states unfilled and filled.

To convey a state transition, use the fill axis for animation or interaction. Values ​​are 0 for default or 1 for fully populated. Along with the weight axis, padding also impacts the appearance of the icon.

The thickness defines the line thickness of the symbol, with a range of thicknesses from thin (100) to bold (700). Weight can also affect the overall size of the symbol.

Weight and quality affect the thickness of a symbol. Grade adjustments are more precise than weight adjustments and have a small impact on symbol size.

Optical sizes range from 20 dp to 48 dp.

To make the image look the same at different sizes, the stroke weight (thickness) changes as the icon size is scaled. Optical Size provides a way to automatically adjust the line thickness as you increase or decrease the symbol size.

FTC: We use revenue-generating automatic affiliate links. After.


Check out 9to5Google on YouTube for more info:

About Nell Love

Check Also

How to Change the Font Size on Your Kindle

Here we will show you how to change the font size on your Kindle in …