2024

-

8 Months

iRacing Icon Library

Replacing hundreds of inconsistent assets with a shared visual system.

Sports car icon from the new iRacing icon library

Selected Work

iRacing

Graphic Design

Visual Design

UI / UX

iRacing’s icon library had grown over years of product development. Individual assets used different construction approaches, producing uneven visual weight, inconsistent geometry, and details that became difficult to read at small sizes.

I rebuilt the library around a shared set of grids and optical sizing guides, bringing existing icons into a coherent family and adding missing designs and variations.


Consistency beyond dimensions

Equal dimensions don’t guarantee equal visual weight. Wide, tall, and circular forms need different proportions to feel balanced together. Shared guides gave the library a consistent foundation while allowing adjustments for each shape.


Clearer shapes and states

I simplified geometry and revised status variants that obscured the base icon. The goal was to preserve recognition while making each state easier to distinguish.



From individual assets to a visual system

The library grew from roughly 300 icons to more than 400. Across the set, shared construction principles created a more consistent visual language, supported clearer rendering at small sizes, and provided a foundation for future additions.


iRacing’s icon library had grown over years of product development. Individual assets used different construction approaches, producing uneven visual weight, inconsistent geometry, and details that became difficult to read at small sizes.

I rebuilt the library around a shared set of grids and optical sizing guides, bringing existing icons into a coherent family and adding missing designs and variations.


Consistency beyond dimensions

Equal dimensions don’t guarantee equal visual weight. Wide, tall, and circular forms need different proportions to feel balanced together. Shared guides gave the library a consistent foundation while allowing adjustments for each shape.


Clearer shapes and states

I simplified geometry and revised status variants that obscured the base icon. The goal was to preserve recognition while making each state easier to distinguish.



From individual assets to a visual system

The library grew from roughly 300 icons to more than 400. Across the set, shared construction principles created a more consistent visual language, supported clearer rendering at small sizes, and provided a foundation for future additions.


© 2026 benjregan. All rights reserved.