Icons & Imagery

Filled vs outline

Outline vs filled is a legitimate state axis: outline for the default/inactive state, filled for the selected/active one — used consistently across a set like a tab bar.

A tab's icon is outlined when inactive and fills in when it's the current tab.

Outline — not selected

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

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