Ícones

O elemento combinável Icon é uma maneira conveniente de desenhar um único ícone colorido na tela que siga as diretrizes do Material Design. Para usar Icon, inclua a biblioteca Compose Material ou a Compose Material 3.

Por exemplo, se você tiver um drawable vetorial que queira carregar com os padrões do Material Design, use o elemento combinável Icon da seguinte maneira:

Icon(
    painter = painterResource(R.drawable.baseline_directions_bus_24),
    contentDescription = stringResource(id = R.string.bus_content_description)
)
MaterialIconsSnippets.kt

Por padrão, o elemento combinável Icon é colorido com LocalContentColor.current e tem 24.dp de tamanho. Ele também expõe um parâmetro de cor tint, que usa o mesmo mecanismo de tonalidade que o descrito na seção Tonalidade da imagem. O elemento combinável Icon é destinado a ser usado em elementos pequenos de ícone. Use o elemento combinável Image para ter mais opções de personalização.

Observação: com o Material Design, há dois estilos diferentes de ícones, os símbolos do Material (novos) e os ícones do Material (material-icons). A biblioteca Material Icon inclui um conjunto de Icons predefinidos que podem ser usados no Compose sem precisar importar um SVG manualmente. No entanto, esse artefato não é mais mantido nem recomendado para uso nos seus apps, porque contém uma aparência mais antiga e pode aumentar significativamente o tempo de build dos seus apps. Em vez disso, recomendamos usar os ícones de fontes do Google e fazer o download do arquivo XML na guia "Android" para criar um ícone atualizado do estilo Material Symbols.