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

One of 220 cards in the Apple HIG deck. Browse every card.