Why Uber Redesigned Its Icon System
1. The redesign started with the limits of the icon style
- Uber Base redesigned its icon library to restore clarity, accessibility, and consistency across a global product ecosystem.
- The previous 3px outline icons felt visually heavy and lost precision at smaller sizes or with more complex meanings.
- A single filled icon style was introduced later, but in Uber’s black-led brand environment, selected states were hard to distinguish with gray and black alone.
- As accessibility issues appeared and icon styles began diverging across products, the shared design language needed to be reset.
2. The new icon language was designed to work with Uber Move
- The new system realigned icon geometry so the brand typeface and product UI could read as one visual language.
- It uses 2px strokes, square stroke endings, more internal whitespace, and softer corners.
- The result is clear without feeling overly heavy, and stable across different sizes and product contexts.
- Icons are treated not as decoration, but as product language that guides the user’s next action.
3. Redrawing 1,500 icons was an operations problem
- The Uber team redesigned roughly 1,500 icons in less than four months.
- The important part was not just production volume, but a pipeline that kept design and code on the same version.
- Libraries, documentation, and delivery tools all had to be updated together for a large icon system to hold up in real products.
- Design system evolution changes the screen, but it also changes how teams ship updates.
4. Four signals help decide when a design system should evolve
- The timing for system change should be judged by usability and operational signals, not taste alone.
- Scalability: Can the library remain legible and flexible as it grows?
- Clarity: Do icons clearly guide the user’s next action?
- Accessibility: Are states and meanings reliably perceived by different users?
- Data-informed decisions: Are decisions based on real product contexts and testing rather than assumption?
