Icon Design Technology & Digital Applications 3

Question 1

In iOS app icon design, which shape does Apple use as the standard container for app icons?

Accepted Answer

Square with rounded corners (squircle)

Answer

Apple uses a superellipse (often called a squircle) with specific corner rounding as the standard iOS app icon mask.

Question 2

What is the recommended baseline icon size for Android adaptive icons' foreground and background layers?

Accepted Answer

108x108 dp

Answer

Android adaptive icons use 108x108 dp layers, where the inner 72x72 dp safe zone is guaranteed to always be visible.

Question 3

Which tool within Figma allows designers to see how an icon looks at very small sizes before exporting?

Accepted Answer

Zoom to 100% or smaller in the canvas

Answer

Zooming the Figma canvas to 100% or smaller simulates actual pixel rendering and reveals clarity issues at small sizes.

Question 4

What does 'icon font' mean in the context of web UI development?

Accepted Answer

A font file where glyphs are replaced with icon graphics

Answer

An icon font is a typeface where each character slot contains an icon graphic, allowing icons to be rendered via CSS like text.

Question 5

Why might a designer prefer SVG icons over icon fonts for modern web projects?

Accepted Answer

SVG icons offer better accessibility, multi-color support, and independent scaling

Answer

SVG icons support multiple colors, are more accessible to screen readers, and scale independently without anti-aliasing issues.

Icon Design Practice Test