Icon Design Technology & Digital Applications 4

Question 1

When exporting icons for a Windows application, which format provides both scalable vector and embedded bitmap layers?

Accepted Answer

ICO

Answer

The ICO format supports multiple embedded bitmap sizes and can include vector data, making it the standard for Windows application icons.

Question 2

What is the primary advantage of using a CSS icon system with `<use>` and an SVG sprite over inline SVGs?

Accepted Answer

It caches the sprite file, reducing repeated downloads of the same icons

Answer

An external SVG sprite loaded with `<use>` is cached by the browser, so repeated icons across a site are served from cache rather than re-downloaded.

Question 3

In Figma, what feature allows a team to maintain a single source of truth for all icons used across multiple design files?

Accepted Answer

Shared Libraries (Team Libraries)

Answer

Figma's Shared Libraries allow designers to publish component icons once and use them across all project files, ensuring consistency.

Question 4

What does 'dark mode' compatibility require from an icon designer's perspective?

Accepted Answer

Icons should use semantic color tokens or offer alternate versions that remain legible on dark backgrounds

Answer

Dark mode compatibility means icons should use color tokens or alternate color schemes that adapt to background changes, not just white-on-dark.

Question 5

Which of the following best describes 'stroke-based' icon design as opposed to 'filled' icon design?

Accepted Answer

Stroke icons are defined by outlines with no fill, while filled icons have solid shape interiors

Answer

Stroke (outline) icons consist of visible contour lines without filled interiors, giving a lighter, more open aesthetic compared to filled icons.

Icon Design Practice Test