google-material-symbols
Reactive icon

Google Material Symbols

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 10 August 2023 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 (1.0.0)
License (1.0.0)
Reviews (0)
Team