Material 图标

Material 图标  |  Jetpack Compose  |  Android Developers (google.cn)

Icon 可组合项是一种遵循 Material Design 指南在屏幕上绘制单色图标的便捷方式。如需使用 Icon，请添加 Compose Material 库（或 Compose Material 3 库）。

例如，如果您想使用 Material 默认设置向上加载矢量可绘制对象，就可以使用 Icon 可组合项，如下所示：

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

默认情况下，Icon 可组合项使用 LocalContentColor.current 进行色调调节，大小为 24.dp。此外，它还公开了 tint 颜色参数（其采用的色调调节机制与图片色调调节部分中所述的机制相同）。 Icon 可组合项适用于小图标元素。如需实现更多自定义选项，则应使用 Image 可组合项。

Material 图标库还包含一组预定义的 Icons，其无需手动导入 SVG，即可在 Compose 中使用。如需绘制购物车图标的圆角版本，请采用以下代码：

Icon(
    Icons.Rounded.ShoppingCart,
    contentDescription = stringResource(id = R.string.shopping_cart_content_desc)
)

值得注意的是，并非必须使用 Icon 在屏幕上渲染 VectorDrawable，Icon 在后台使用 Modifier.paint(painterResource(R.drawable.ic_bus_stop) 绘制 Icon。如需详细了解所有可用的图标，请参阅图标文档。