TLDR Tech / Design
Advanced Icon Design: Compound Icons (Modifiers)
Compound icons combine a base symbol with a modifier (such as a plus, lock, or slash) to communicate more specific actions or states, making them especially useful when icons appear without text labels or need to distinguish similar items. While effective, they also introduce challenges: limited space can reduce legibility, combining symbols creates ambiguous visual "grammar," and similar compound icons can become difficult to tell apart at a glance. Use clear visual separation between the base and modifier, simplify icons where context allows, and always test them for readability in their intended size and interface.
Read the full story