Иконки

Компонент 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)
)
MaterialIconsSnippets.kt

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

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

{% verbatim %} {% endverbatim %}