Иконки

Компонуемый Icon — это удобный способ нарисовать на экране одноцветный значок, соответствующий принципам Material Design . Чтобы использовать Icon , подключите библиотеку Compose Material (или Compose Material 3 ).

Например, если у вас есть векторный рисунок, который вы хотите загрузить с параметрами материала по умолчанию, вы можете использовать составной объект Icon следующим образом:

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

По умолчанию компонуемый элемент Icon окрашен в цвет LocalContentColor.current и имеет размер 24.dp Он также предоставляет параметр tint цвета (который использует тот же механизм, что и для тонирования, описанный в разделе «Оттенок изображения »). Компонуемый элемент Icon предназначен для небольших элементов значков. Для более широких возможностей настройки используйте компонуемый элемент Image .

Примечание: В Material доступны два стиля иконок: Material Symbols (новый) и Material Icons ( material-icons ). Библиотека Material Icon включает набор предопределённых Icons , которые можно использовать в Compose без необходимости ручного импорта SVG. Однако этот артефакт больше не поддерживается и не рекомендуется для использования в ваших приложениях, поскольку он имеет устаревший внешний вид и может значительно увеличить время сборки ваших приложений. Вместо этого мы рекомендуем использовать Google Font Icons и загрузить XML-файл со вкладки Android, чтобы создать актуальную иконку в стиле Material Symbols.

{% дословно %} {% endverbatim %}