Íconos

El elemento componible Icon es una forma conveniente de dibujar un ícono de color único en la pantalla que sigue los lineamientos de Material Design. Para usar Icon, incluye la biblioteca de Compose Material (o la biblioteca de Compose Material 3).

Por ejemplo, si tienes un elemento de diseño vectorial que deseas cargar con los valores predeterminados de material, puedes usar el elemento componible Icon de la siguiente manera:

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

De forma predeterminada, el elemento componible Icon se ajusta a LocalContentColor.current y tiene un tamaño de 24.dp. También expone un parámetro de color tint (que aprovecha el mismo mecanismo para ajustar el tono, como se describe en la sección Tono de imagen). El elemento componible Icon está diseñado para usarse con elementos de íconos pequeños. Debes usar el elemento componible Image para obtener más opciones de personalización.

Nota: Con Material, hay dos estilos diferentes de íconos: Material Symbols (nuevo) y Material Icons (material-icons). La biblioteca de Material Icons incluye un conjunto de Icons predefinidos que se pueden usar en Compose sin necesidad de importar un SVG de forma manual. Sin embargo, este artefacto ya no se mantiene ni se recomienda para su uso en tus apps, ya que contiene un aspecto más antiguo y también puede aumentar el tiempo de compilación de tus apps de manera significativa. En su lugar, te recomendamos que uses íconos de fuentes de Google y que descargues el archivo XML de la pestaña de Android para crear un ícono de Material Symbols actualizado.