Icons & Imagery

Density variants

Ship raster images at multiple pixel densities (1x/2x/3x) so they stay crisp on high-DPI screens, and pick the format by content (photos → AVIF/WebP, flat art → SVG).

srcset with 2x/3x variants; a vector logo stays SVG so it never pixelates.

@1x
@2x
@3x
Compare 1x, 2x and 3x: same size, more pixels per point
Study this deck
← Icon animation matches meaningInterruptibility →

One of 220 cards in the Apple HIG deck. Browse every card.