Icônes

Le composable Icon est un moyen pratique de dessiner une icône de couleur unie à l'écran conformément aux consignes Material Design. Pour utiliser Icon, incluez la bibliothèque Compose Material (ou la bibliothèque Compose Material 3).

Par exemple, si vous disposez d'un drawable vectoriel que vous souhaitez charger avec les valeurs Material par défaut, vous pouvez utiliser le composable Icon comme suit :

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

Par défaut, le composable Icon est teinté avec LocalContentColor.current et sa taille est de 24.dp. Il expose également un paramètre de couleur tint (qui utilise le même mécanisme de teinte que celui décrit dans la section Coloration des images). Le composable Icon est destiné aux petites icônes. Vous devez utiliser le composable Image pour obtenir plus d'options de personnalisation.

Remarque : Avec Material, il existe deux styles d'icônes différents : les symboles Material (nouveaux) et les icônes Material (material-icons). La bibliothèque d'icônes Material comprend un ensemble d'éléments Icons prédéfinis qui peuvent être utilisés dans Compose sans avoir à importer manuellement un SVG. Toutefois, cet artefact n'est plus maintenu ni recommandé pour une utilisation dans vos applications, car il contient une apparence plus ancienne et peut également augmenter considérablement le temps de compilation de vos applications. Nous vous recommandons plutôt d'utiliser Google Font Icons et de télécharger le fichier XML depuis l'onglet Android pour créer une icône de style Material Symbols à jour.