Ikon

Composable Icon adalah cara yang mudah untuk menggambar ikon tunggal berwarna di layar yang mengikuti pedoman Desain Material. Untuk menggunakan Icon, sertakan library Compose Material (atau library Compose Material 3 ).

Misalnya, jika Anda memiliki vektor drawable yang ingin dimuat dengan default Material, Anda dapat menggunakan composable Icon sebagai berikut:

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

Secara default, composable Icon diberi warna dengan LocalContentColor.current dan berukuran 24.dp. Composable ini juga mengekspos parameter warna tint (yang memanfaatkan mekanisme yang sama untuk menambahkan tint seperti yang dijelaskan di bagian Tint gambar). Composable Icon ditujukan untuk digunakan pada elemen ikon kecil. Anda harus menggunakan composable Image untuk opsi penyesuaian lainnya.

Catatan: Dengan Material, ada dua gaya ikon yang berbeda, Simbol Material (Baru) dan Ikon Material (material-icons). Library Ikon Material menyertakan kumpulan Icons yang telah ditentukan sebelumnya, yang dapat digunakan di Compose tanpa perlu mengimpor SVG secara manual. Namun, artefak ini tidak lagi dikelola atau direkomendasikan untuk digunakan di aplikasi Anda, karena berisi tampilan dan nuansa yang lebih lama dan juga dapat meningkatkan waktu build aplikasi Anda secara signifikan. Sebagai gantinya, sebaiknya gunakan Ikon Font Google dan download file XML dari Tab Android untuk membuat Ikon gaya Material Symbols yang terbaru.