Material Button Icon is showing without color

You can try to set the iconTint attribute of the Button:

app:iconTint="#ffffff"

Maybe you are looking for this set iconTint to null

<com.google.android.material.button.MaterialButton
            android:id="@+id/btnGoogle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            android:layout_marginStart="@dimen/_2sdp"
            android:layout_weight="1"
            app:icon="@drawable/ic_google"
            app:iconGravity="textStart"
            app:iconTint="@null"
            android:elevation="@dimen/_10sdp"
            android:text="@string/string_google"
            android:textAllCaps="false"
            app:rippleColor="@color/colorBlueShade1"
            app:cornerRadius="@dimen/_20sdp"
            app:backgroundTint="@color/colorWhite"
            android:textColor="@color/colorPrimary" />

Achieved output Material button with colored icon


If your icon has multiple colors, you will have to apply TintMode as well.

  app:icon="@drawable/ic_delete"
  app:iconTint="#ffffff"
  app:iconTintMode="multiply"

Using this will give you perfect icon design.


Just need to add tint mode in the material button icon

app:iconTintMode="multiply"