Resources Sticker sheets & icons

Sticker sheets & icons

Components Expand and collapse content An arrow that points down when collapsed and points up when expanded.

The sticker sheets contain the latest refinements to the components, integrated into a comprehensive sticker sheet that is easier to use.

The sticker sheet includes the elements that make up layouts, including light and dark symbols for status bars, app bars, bottom toolbars, cards, dropdown menus, search field, dividers, side navs, dialogs, floating action buttons, and other components.

The sticker sheet elements align to an 8dp grid. Type baselines fall on a 4dp grid.

In Illustrator, the text box offset is set to Leading (Type > Area Type Options). The sticker sheet also contains character styles that you can use for any text box.

.

System icons Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Material design system icons are used across different apps, such as icons used for media playback, communication, content editing, and connectivity.

The download is a sticker sheet with the system icon grid.

You can also download system icons from Github.

Product icons Expand and collapse content An arrow that points down when collapsed and points up when expanded.

The download includes 4 sticker sheets for Product Icons. The sticker sheets provide guidance on applying layers and shapes within the Product Icon grid.

Icon library Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Download icons and the icon web font