Icons & Imagery

Match symbol to text

An icon's stroke weight should match the weight of the text beside it, and its size should scale with that text (sized in em), so glyph and label read as one unit.

Bold headingLight caption
Icon weight & size track the text beside it

Tap the example to replay it · press and hold to slow it down

One of 220 cards in apple hig flashcards. Browse every card.