Icon Design Icon Design MCQ 4

Question 1

What is the standard icon size used in the macOS menu bar?

Accepted Answer

22x22 px

Answer

macOS menu bar icons are typically 18x18 pt with a 22x22 pt bounding box to maintain consistent visual weight along the menu bar.

Question 2

In icon design, what does 'visual weight' refer to?

Accepted Answer

The perceived heaviness or lightness of an icon based on its stroke width, fill, and detail

Answer

Visual weight describes how heavy or bold an icon appears, influenced by stroke thickness, filled vs. outlined style, and overall complexity.

Question 3

Which approach is recommended when designing icons for both light and dark mode?

Accepted Answer

Use semantic color tokens that adapt to the current color scheme

Answer

Semantic color tokens (e.g., 'icon-primary') map to different values in light and dark themes, letting one icon asset adapt automatically.

Question 4

What is the purpose of padding (safe zone) around an icon within its bounding box?

Accepted Answer

To ensure adequate spacing so icons don't appear cramped when placed in layouts

Answer

A safe zone or padding creates optical breathing room around the icon shape, preventing it from looking clipped or too tight in the grid.

Question 5

Which technique helps maintain icon legibility when the icon is very small (under 16px)?

Accepted Answer

Simplifying details and increasing stroke weight

Answer

At small sizes, complex details merge together and become muddy, so simplifying shapes and using heavier strokes preserves readability.

Icon Design Practice Test