MaterialButton style does not support only Icon

With the use of style Widget.MaterialComponents.Button.Icon I was expecting the layout to format according to icon only but it works just like Widget.MaterialComponents.Button.TextButton.Icon with requirement of adding text also along with icon.

[ymarian]

Hi, are you talking about the icon only buttons in the catalog demo? Yes that was a somewhat contentious decision but the reason we have two styles named like that is because the spec defines different paddings for buttons with and without icons. https://material.io/design/components/buttons.html

We don’t provide a style at the moment for Icon Only but you can easily create your own:

eg:

<style name="IconOnlyButton" parent="Widget.MaterialComponents.Button.OutlinedButton">
   <item name="iconPadding">0dp</item>
   <item name="iconGravity">textStart</item>
</style>

[Dem0n13]

I’ve found it more useful:

<style name="Widget.AppTheme.Button.IconButton" parent="Widget.MaterialComponents.Button.TextButton">
    <item name="android:minWidth">0dp</item>
    <item name="android:insetLeft">0dp</item>
    <item name="android:insetTop">0dp</item>
    <item name="android:insetRight">0dp</item>
    <item name="android:insetBottom">0dp</item>
    <item name="iconGravity">textStart</item>
    <item name="iconPadding">0dp</item>
    <item name="iconTint">@drawable/mtrl_btn_text_color_selector</item>
    <item name="rippleColor">?colorOnPrimary</item>
</style>

I reset minWidth to make button square, set rippleColor to show click effect and use mtrl_btn_text_color_selector as iconTint to add disabled state (got from here).

You can set cornerRadius to layout_width/2 and finally get this result: