Heroicons v2.1 introduces a new micro style — a set of nearly 300 icons designed at 16×16px for high-density UIs.
- •The micro icons were created to support Catalyst, a new React UI kit that uses 14px text and dense layouts
- •Existing 20×20 icons felt too large and unbalanced when used alongside 14px text in Catalyst
- •Each icon was redrawn from scratch at the target size rather than scaled down, ensuring crisp rendering
- •Detail was trimmed on an icon-by-icon basis to maintain clarity at 16×16px
- •The new icons are available on the Heroicons website, Figma library, and React/Vue packages
This summary was automatically generated by AI based on the original article and may not be fully accurate.
Tailwind CSS
CSS-Tricks
WebKit