Embedded Files
We are ready for departure!
Material Design Icons
Material Design Icons
When do I use these icons?
When do I use these icons?
These are the standard icons for Lecturio's Application Graphical User Interface with the typical Raccoon 600 gray. They are used in the entire web and mobile applications.
Basically, the icons are used as graphic support next to labels or on buttons.
By default, Material Design offers several different style types (Filled, Outlines, Rounded, Two-Tone, and Sharp). Lecturio uses the filled style.
Mind the gap!
You can create custom icons that follow the Material Design Iconography style.
Color
Color
Rule: Use the color Raccoon 600 on white or light gray backgrounds.
Do:
Don't:
Rule: Use the Color Raccoon 0 (white) for colored or dark backgrounds.
Do:
Don't:
How do I create icons?
How do I create icons?
Follow the style and instructions on the Material Design System Icons page.
Export Format
Export Format
Rule: You can create icons in Illustrator, Sketch, or another vector-based tool. Export format must be SVG or PDF (iOS only); in exceptional cases, it can be PNG, too.
Resources
Resources
Material Design Icons (original): https://material.io/resources/icons/?style=baseline
Material Design Icons (custom): https://materialdesignicons.com/
Other Styles
Other Styles
When do I use these icons?
When do I use these icons?
Multicolored icons can be used like normal material design symbols. In most cases, they represent brands such as Google or Facebook.
Detailed icons should be used only for larger representations.
Page updated
Report abuse