google-material-symbols
Reactive icon

Google Material Symbols

Stable version 2.0.1 (Compatible with OutSystems 11)
Uploaded on 26 Apr (10 days ago) by 
0.0
 (0 ratings)
google-material-symbols

Google Material Symbols

Details
Utilize Google's Material Symbols in OutSystems!
Read more

Material Symbols is Google's newest icons consolidating over 3,013 glyphs in a single font file with a wide range of design variants. Symbols are available in three styles and four adjustable variable font styles (fill, weight, grade, and optical size).

This components supports all 3 design variants (Outlined, Rounded and Sharp) in additional to the ability to easy configure all axis:

  • Fill axis: Fill gives you the ability to modify the default icon style. A single icon can render both unfilled and filled states.
  • Weight axis: Weight defines the symbol’s stroke weight, with a range of weights between thin (100) and bold (700). Weight can also affect the overall size of the symbol.
  • Grade axis: Weight and grade affect a symbol’s thickness. Adjustments to grade are more granular than adjustments to weight and have a small impact on the size of the symbol.
  • Optical Size axis: Ranges from 20dp to 48dp. For the image to look the same at different sizes, the stroke weight (thickness) changes as the icon size scales. Optical size offers a way to automatically adjust the stroke weight when you increase or decrease the symbol size.


See Documentation for more info.

Release notes (2.0.1)

This release breaks compatibility with the previous versions, and aims to improve font loading, and the preview of the symbols inside Service Studio.

  • Separate blocks for each variant - OutlinedSymbol, RoundedSymbol, SharpSymbol.
  • The symbols can be previewed in Service Studio.
  • The reference theme uses a smaller font by default, which only includes the default settings.
  • The reference theme can be customized for multiple scenarios, including mobile offline.
License (2.0.1)
Reviews (0)
Team