Typeface System and UI Consistency
Hey icons, lighten up

Hey icons, lighten up

12/17/2021 · Jeremy Elder

What this post added

This post details a specific iteration of improving product icons by changing the stroke weight from 2-pixel to 1.5-pixel. This change was driven by the need for icons to be more balanced with other UI elements, better align with the brand, be more future-proof, work well in both light and dark UI, and better convey abstract concepts. The 1.5-pixel stroke weight was chosen to improve fidelity, balance visual weight with system fonts, enhance legibility for users with visual impairments, offset the bleeding effect in dark UIs, and address concerns about display resolution. The post also highlights efficiency gains in asset creation using Figma and reusable icon components.

Read the original post ↗