TFT SET REVIVAL AUGMENT ICONOGRAPHY DESIGN


A new set of trait and Hero Augment icons designed for TFT Set 5.5 Revival: Dawn of Heroes, built to seamlessly extend the existing visual system. Champion-driven iconography ensures immediate recognition while maintaining stylistic consistency.

. . . . . .

— DESIGN SCOPE

In-game Augment Icon Design



— ROLE & INVOLVEMENT

Icon Design



—PLATFORM

PC and Mobile

Teamfight Tactics introduces new Traits and Hero Augments with each set revival, shaping team compositions and strategic choices during fast-paced gameplay.

With an established visual language already in place, this project focused on extending TFT’s existing icon system rather than reinventing it—designing a new set of Trait and Hero Augment icons that feel native and cohesive across sets.


Hero Augments presented a unique challenge. Referencing specific League of Legends champions and selected under time pressure, each icon distills iconic champion signifiers for instant recognition and confident decision-making.

Trait Augment Icons

THE PROCESS


1. Finding The Red Nose – What Makes It Rudolph?

The process begins with gathering and studying references to identify the key visual signifiers of the subject. This step is thought of as “finding the red nose”. If the subject were Rudolph, what is the one defining feature that makes it instantly recognizable? This phase focuses on distilling visual cues that make an icon immediately readable.


2. Block It Out – Abstracting the Form

Because icons are abstract, graphical representations, early exploration focuses on big shapes and strong silhouettes. Broad strokes and rough paint-overs are used to explore forms and visual elements that are both highly legible and visually appealing, prioritizing clarity before detail.


3. Make More, Then Kill Most

The direction is refined by combining, simplifying, or discarding signifiers identified earlier. This helps narrow the focus and explore multiple variations of the same concept, ensuring the icon’s direction remains clear and intentional.


4. Put It to the Test

Time for test! Icons are put through tests, including readability checks in reversed colors and at small sizes, as well as placement within full UI mockups. Feedback is used to validate whether the intended imagery reads clearly, guiding further refinement.


5. Polish – Production Ready

The final stage focuses on fine-tuning edges, spacing, proportions, and contrast. This is where the icon is balanced and resolved, resulting in a cohesive, precise, and production-ready outcome.


The Process

. . . . . .


All project materials, visuals, and images are the property of Riot Games.

Presented here for portfolio and professional showcase purposes only. Reproduction, distribution, or use without permission is prohibited.

© Mun 2026