I am facing weird issue, I have OutlinedButton which contains Icon. Problem is icon image is showing...

# compose

[Vishal Bhandare]

I am facing weird issue, I have OutlinedButton which contains Icon. Problem is icon image is showing too small. It seems like modifier.size(24.dp) does not seem working inside Icon. However, scale() works. Any suggestions?

[Eganathan R]

Is there any padding applied to the icon ?

[Vishal Bhandare]

No

[Eganathan R]

Maybe you can share the code, along with your question.. it might be easier for other to understand.

[Vishal Bhandare]

OutlinedButton(
    modifier = modifier.size(size),
    shape = shape,
    onClick = onClick,
    enabled = enabled,
    colors = ButtonDefaults.buttonColors(
        backgroundColor = backgroundColor,
    )
) {
    Icon(
        painter = painterResource(id = icon),
        contentDescription = null,
        tint = tint,
        modifier = modifier.size(24.dp) //this value can be anything
    )
}

[Eganathan R]

Do try to set content padding to 0.dp, usually solves the problem.

[Vishal Bhandare]

tried just now but no luck

[Vishal Bhandare]

Seems like except scale() no other function works on modifier for icon

[Vishal Bhandare]

when its inside OutlinedButton

[Stylianos Gakis]

If you put this same exact Icon() composable but outside of the button, does it look any different?

[Vishal Bhandare]

@Eganathan R Content Padding works, my bad I missed the word Content & just applied padding, thanks