Getting icon stroke width right

For outline icons, stroke width is the single biggest factor in how the set feels. Too thin and icons vanish; too thick and they look heavy. Consistency across every icon is what sells the whole family.

Pick one weight

Choose a stroke width relative to the grid — commonly 1.5px or 2px on a 24px grid — and use it everywhere. Popular sets like Lucide (2px) and Tabler (2px) owe much of their clean look to this discipline.

Keep it truly consistent

• Same stroke width on every icon in the set.
• Consistent line caps and joins (usually round).
• Avoid mixing filled and outline styles within one row unless intentional.

Optical sizing

When you scale a line icon way down, a 2px stroke can get muddy; scaled up, it can look thin. High-end sets ship multiple optical sizes (e.g. separate 20px and 24px designs) rather than just scaling one. For most projects, one well-chosen weight is enough.

Frequently asked questions