Функция Icon

Функция Icon рисует маленькую векторную иконку. Контур передают в параметр imageVector, обычно из класса Icons. Подпись для доступности - в contentDescription, цвет заливки - в tint.

Синтаксис

Icon(
	imageVector = Icons.Filled.Add,
	contentDescription = "abcde",
)

Параметры

Параметр	Описание
`imageVector`	Контур иконки. Принимает значение класса `ImageVector`.
`contentDescription`	Краткое описание для TalkBack. Для декора можно передать `null`.
`tint`	Цвет иконки. Принимает значение класса `Color`.

Пример

Давайте покажем иконку плюса из набора Filled:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material3.Icon

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Icon(
				imageVector = Icons.Filled.Add,
				contentDescription = "abcde",
			)
		}
	}
}

На экране появится иконка плюса в цвете темы Material.

Пример

Давайте зададим свой цвет заливки:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Menu
import androidx.compose.material3.Icon
import androidx.compose.ui.graphics.Color

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Icon(
				imageVector = Icons.Filled.Menu,
				contentDescription = "12345",
				tint = Color.Red,
			)
		}
	}
}

На экране иконка меню станет красной.

Смотрите также

класс Icons,
где лежат готовые контуры Material Icons
класс ImageVector,
который хранит векторный контур
функция Image,
которая рисует растровую картинку из Painter
класс Color,
который задаёт оттенок в параметре tint