Biểu tượng

Thành phần kết hợp Icon là cách thuận tiện để vẽ một biểu tượng một màu duy nhất trên màn hình theo nguyên tắc của Material Design. Để sử dụng Icon, hãy thêm thư viện Compose Material (hoặc thư viện Compose Material 3).

Ví dụ: nếu muốn tải một vectơ vẽ được lên bằng các giá trị mặc định của Material, bạn có thể dùng thành phần kết hợp Icon như sau:

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

Theo mặc định, thành phần kết hợp Icon được phủ màu LocalContentColor.current và có kích thước 24.dp. Thành phần này cũng hiển thị tham số màu tint (tận dụng cơ chế phủ màu tương tự như mô tả trong phần Phủ màu hình ảnh). Thành phần kết hợp Icon là để dùng cho các phần tử biểu tượng nhỏ. Bạn nên sử dụng thành phần kết hợp Image để có thêm lựa chọn tuỳ chỉnh.

Lưu ý: Với Material, có hai kiểu biểu tượng khác nhau, Biểu tượng Material (Mới) và Biểu tượng Material (material-icons). Thư viện biểu tượng Material bao gồm một tập hợp Icons được xác định trước. Bạn có thể dùng tập hợp này trong Compose mà không cần nhập SVG theo cách thủ công. Tuy nhiên, cấu phần phần mềm này không còn được duy trì hoặc đề xuất sử dụng trong ứng dụng của bạn nữa, vì cấu phần phần mềm này có giao diện cũ và cũng có thể làm tăng thời gian xây dựng ứng dụng một cách đáng kể. Thay vào đó, bạn nên sử dụng Biểu tượng phông chữ của Google và tải tệp XML xuống từ Thẻ Android để tạo Biểu tượng kiểu Ký hiệu Material mới nhất.