Icon Size Reference
Get recommended icon sizes for different contexts: UI, mobile, favicons, and app icons.
Result
Recommended Sizes12px (micro), 16px (small), 20px (default), 24px (medium), 32px (large), 48px (hero)
Touch TargetMinimum 44x44px touch target (WCAG 2.5.8)
TipUse 20-24px for most UI icons. Maintain consistent stroke width.
Code / CSS
--icon-xs: 12px;
--icon-sm: 16px;
--icon-md: 20px;
--icon-lg: 24px;
--icon-xl: 32px;
--icon-2xl: 48px;