Preview image. Unlock full-res
Icon sizing guidance table mapping four size ranges to the right icon type, using green checks and red prohibitions on a terminal-icon example.
Summary
A "right time, right place, right size" page that tells designers which icon type to use at each size band, demonstrated on a terminal glyph with approve/avoid marks.
Visual description
A short left intro explains Octicons suit small spaces while marketing icons suit slightly larger placements. The right side is a four-row stacked table separated by thin rules. Each row pairs a size label (16-30PX, 31-54PX, 55-96PX, 128PX+) with a sample terminal-prompt glyph, a green check or red no-entry symbol, and a heading plus rationale: Octicons approved at small sizes, "No icons" warnings in the awkward mid-range, marketing icons approved at 55-96px, and a warning to use illustrations above 128px. Standard header and green rule above.
Key takeaway
Turning an abstract "which icon when" decision into a size-banded table with the same glyph shown at each tier and a clear check-or-block verdict per band.
Reuse notes
Excellent reference for systems with multiple icon families that overlap in size. The single-glyph-across-bands device makes the size thresholds tangible rather than theoretical.
From this deck: GitHub guidelines - icon size selection
View deck
