Ícone
Use the Icon Component to provide subtle graphical information to the user that, in some cases, may also trigger simple interactions such as liking a product, saving an article for later, etc. You may choose between the already provided Material Icons or add the ones you need to the Icons
page in Figma in the Indigo.Design System and the only condition here to use your icon is that it needs to be a component. We highly recommend exercising caution when selecting icons to add to the kit. It is important to maintain consistency in order to ensure the best visual coherence between them. The Icon is visually identical to the Ignite UI for Angular Icon Component
Icon Demo

Size
O ícone vem em três tamanhos diferentes:
- Grande
- Médio
- Pequeno

Estilização
O ícone vem com flexibilidade de estilo por meio das opções de gráficos selecionáveis e da cor aplicada a eles.

Usage
Escolha cuidadosamente a cor do ícone para garantir um bom contraste com o fundo e evite tons semelhantes da mesma cor ou combinações que criem aberrações cromáticas.
Fazer | Não |
---|---|
![]() |
![]() |
Additional Resources
Tópicos relacionados:
Nossa comunidade é ativa e sempre acolhedora para novas ideias.