Material3 Icon and Text vertical alignment is abnormal.

[kingsword09]

Describe the bug The demo I downloaded from kmp.jetbrains.com for testing Icon and Text vertical alignment works fine on the Android end, but it is not vertically centered on desktop jvm and iOS.

Affected platforms

• Desktop (Windows, Linux, macOS)

Versions

• Libraries:

  • Compose Multiplatform version: 1.6.2、1.6.10-rc03
  • org.jetbrains.compose.material:material-icons-extended: 1.6.2、1.6.10-rc03

• Kotlin version: 1.9.24

• OS version(s) (required for Desktop and iOS issues): MacOS: 14.4.1 iOS: 17.4

• OS architecture (x86 or arm64): arm64

• Device (model or simulator for iOS issues): simulator

• JDK (for desktop issues): corretto-17

To Reproduce Steps to reproduce the behavior:

1. Run this code snippet:

     import androidx.compose.foundation.layout.Column
     import androidx.compose.foundation.layout.Row
     import androidx.compose.foundation.layout.fillMaxWidth
     import androidx.compose.foundation.layout.height
     import androidx.compose.material3.Icon
     import androidx.compose.material.MaterialTheme
     import androidx.compose.material3.Text
     import androidx.compose.material.icons.Icons
     import androidx.compose.material.icons.outlined.Verified
     import androidx.compose.runtime.Composable
     import androidx.compose.ui.Alignment
     import androidx.compose.ui.Modifier
     import androidx.compose.ui.unit.dp
     import org.jetbrains.compose.ui.tooling.preview.Preview
   
     @Composable
     @Preview
     fun App() {
       MaterialTheme {
         Column(
           Modifier.fillMaxWidth().height(50.dp),
           horizontalAlignment = Alignment.CenterHorizontally
         ) {
           Row(
             modifier = Modifier.fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically
           ) {
             Icon(imageVector = Icons.Outlined.Verified, null)
             Text("test")
           }
         }
       }
     }

2. Click on '...'
3. Scroll down to '...'
4. See error

Expected behavior Hoping for the icon and text to align vertically in the center.

Screenshots Desktop:

iOS：

Android:

Additional context The Android and iOS platform meets the requirements, but Desktop do not.

[MatkovIvan]

Different platforms have different default fonts, so the exact position of glyphs may vary a bit. To get equal positioning - use the same font (from resources for example)

Marking it as duplicate as it was answered a few times already (1, 2, ...). The only leftover is to support all lineHeightStyle values: #2602, but it won't affect the case in the description of this issue