example: Use Icon component instead of Image

Author: YuKongA

composeApp/src/commonMain/kotlin/MainPage.kt

@@ -1,4 +1,3 @@
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.BoxWithConstraints
 import androidx.compose.foundation.layout.Column
@@ -22,8 +21,6 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.BlendMode
-import androidx.compose.ui.graphics.BlendModeColorFilter
 import androidx.compose.ui.unit.dp
 import component.OtherComponent
 import component.TextComponent
@@ -151,13 +148,10 @@ fun MainPage(
                                     onExpandedChange = { expanded = it },
                                     label = "Search",
                                     leadingIcon = {
-                                        Image(
+                                        Icon(
                                             modifier = Modifier.padding(horizontal = 16.dp),
                                             imageVector = MiuixIcons.Search,
-                                            colorFilter = BlendModeColorFilter(
-                                                MiuixTheme.colorScheme.onSurfaceContainer,
-                                                BlendMode.SrcIn
-                                            ),
+                                            tint = MiuixTheme.colorScheme.onSurfaceContainer,
                                             contentDescription = "Search"
                                         )
                                     },

composeApp/src/commonMain/kotlin/UITest.kt

@@ -5,7 +5,6 @@ import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.animation.shrinkHorizontally
 import androidx.compose.animation.shrinkVertically
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.captionBarPadding
 import androidx.compose.foundation.layout.fillMaxSize
@@ -30,7 +29,6 @@ import androidx.compose.runtime.setValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.platform.LocalUriHandler
 import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.FlowPreview
@@ -145,9 +143,9 @@ fun UITest(
                         uriHandler.openUri("https://github.com/miuix-kotlin-multiplatform/miuix")
                     }
                 ) {
-                    Image(
+                    Icon(
                         imageVector = MiuixIcons.GitHub,
-                        colorFilter = ColorFilter.tint(Color.White),
+                        tint = Color.White,
                         contentDescription = "GitHub"
                     )
                 }