Icon Design Quality Control & Assurance 5

Question 1

An icon set is reviewed and some icons have a viewBox of '0 0 24 24' while others have '0 0 20 20'. Why is this a QA failure?

Accepted Answer

Inconsistent viewBox values mean icons won't scale uniformly or align predictably in a grid

Answer

A unified viewBox across all icons ensures they scale and align consistently when placed in a grid or alongside each other.

Question 2

What QA measure helps prevent icon library 'bloat' over time?

Accepted Answer

Establishing a deprecation and audit process to remove redundant or unused icons

Answer

A deprecation process with regular audits removes redundant, outdated, or unused icons to keep the library lean and maintainable.

Question 3

Which scenario represents a real-world QA edge case specific to icon color in dark mode?

Accepted Answer

A white icon becomes invisible against a white background when the app's dark mode uses a light card surface

Answer

Dark mode surfaces can vary (not all backgrounds are dark), so a white icon may vanish against a light card within a dark-themed UI.

Question 4

A designer submits an icon where the shape is a compound path combining multiple sub-paths. What QA step verifies this was handled correctly?

Accepted Answer

Confirming the fill rule (evenodd vs nonzero) produces the intended visual result

Answer

Compound paths depend on the fill rule to determine which enclosed areas are filled or transparent, and an incorrect rule inverts cutouts.

Question 5

What is the best practice for versioning an icon library to support QA traceability?

Accepted Answer

Using semantic versioning (e.g., v2.1.0) with a changelog documenting additions, changes, and removals

Answer

Semantic versioning with a changelog lets teams understand the scope of changes and trace when specific icons were added, modified, or deprecated.

Icon Design Practice Test