Í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 ao uso em elementos pequenos de ícone. Se quiser mais opções de personalização, use o elemento combinável Image.