Designing a Scalable Iconography System for an Enterprise Fintech SaaS Platform.

As part of the enterprise design system work, I defined the iconography system used across the platform, replacing inconsistent icons with a scalable solution compatible with the existing Angular / Kendo architecture.

Instead of using existing icon libraries, the project required defining a scalable icon system with documented grid rules, visual guidelines, and a consistent export workflow, so icons could be reused across the platform and implemented inside the existing Angular / Kendo architecture.

icons came from different sources across modules

no shared grid or visual rules

Kendo icon set had no guidelines

external libraries introduced licensing limitations

finance-specific icons were required

icons had to be implemented as font icons to match the existing frontend

end-to-end iconography system design

research of icon libraries and tools

defining grid, keylines and visual rules

designing custom icon set

defining icon font workflow (IcoMoon)

documentation inside the design system

alignment with Angular / Kendo implementation

not using Kendo icons as system source

not using external icon libraries

designing icons as a system

introducing icon font workflow using IcoMoon

documenting rules inside the design system

consistent iconography across modules

scalable icon system for future features

compatible with existing frontend architecture

no licensing risk

predictable export process

reusable across the platform