Gerenciando Tamanhos de Componentes de Ícones em Sistemas de Design

Sistemas de design frequentemente restringem os tamanhos dos ícones utilizando duas abordagens principais: aplicar uma propriedade de "size-variant" diretamente em cada componente de ícone, ou empregar uma propriedade de "size-variant" em um "wrapper" de ícone, usando "instance swapping" para selecionar os "glyphs" desejados. ️

Embora usar componentes separados para cada tamanho gere uma aglomeração considerável no "asset panel", e os "variable modes" ofereçam um controle sofisticado, eles também introduzem complexidade. Ambas as estratégias — seja o "wrapper" ou os componentes individuais — apresentam trade-offs entre a experiência do usuário final e a facilidade de gestão para quem cuida da biblioteca de componentes.