Icon Design Quality Control & Assurance 3

Question 1

Which QA practice ensures icon designs remain consistent when multiple designers contribute to a library?

Accepted Answer

Enforcing a shared style guide with a review gate

Answer

A shared style guide with a mandatory review gate ensures all contributions conform to established visual standards before merging.

Question 2

An SVG icon exported from Figma contains unnecessary `<defs>` and empty groups. What QA step addresses this?

Accepted Answer

Running an SVG optimization tool like SVGO

Answer

SVGO removes redundant elements, empty groups, and unused definitions to produce clean, minimal SVG markup.

Question 3

Why should icon QA include testing with both light and dark theme backgrounds?

Accepted Answer

To ensure visibility and contrast are maintained in both UI modes

Answer

Icons that look clear on a white background may become invisible or low-contrast when a dark theme reverses the color scheme.

Question 4

A QA checklist item states: 'strokes must be expanded.' Why is this required before delivery?

Accepted Answer

To prevent stroke scaling issues when the icon is resized

Answer

Unexpanded strokes can scale unpredictably and may render differently across renderers, while expanded fills are stable at any size.

Question 5

What is the risk of using raster images embedded inside an SVG icon file?

Accepted Answer

Loss of scalability and increased file size

Answer

Embedded rasters pixelate at high resolutions and inflate file size, defeating the scalability advantage of SVG.

Icon Design Practice Test