Emblem Icons
Emblem icons are used to indicate state. They come in three sizes: 8px, 16px, and 22px, and always use the monochrome style. They are typically overlaid on icons. Unlike most monochromatic icons, emblem icons use bright colours to remain recognizable, even at small sizes.
Purpose
Emblem icons are used alongside a base icon to form compound icons that convey additional information on top of the base icon, indicating its status, such as missing, deleted, etc.
Design
Anatomy
Emblem icons always use the entire canvas area. Pixel alignment is especially important for emblem icons as they are rendered at very small sizes, making the consequences of pixel misalignment more noticeable than at other sizes.
16px and 22px emblem icons get a 60% text colour outline to ensure contrast against various backgrounds. 8px emblems do not recieve an outline because of their limited canvas size.