How to Switch Icon Styles with One Theme
The cleanest style switch happens above individual components. Components request a meaning; a theme or icon provider decides whether that meaning is rendered as outline, solid, or coloured.
Keep the component API semantic
A button should request a search or close icon, not a particular file path for an outline drawing. Stable semantic props make a global visual change safe to roll out.
Map one ID to the active group
The theme can resolve ui-search to the active style group. Moeicons keeps the same ID across Outline, Lite Outline, Solid, and Colored groups, which avoids per-component rename work.
Test style changes as a system
Check spacing, optical weight, contrast, and touch targets after switching. A style group can preserve meaning while still changing how much visual space and emphasis the icon needs.