title: Flutter OutlinedButton with icon ripple color
body: <p>I am trying to use Outlined Button with icon, when if I set a color for the icon, it also changes the ripple effect color.</p>
  <pre><code>Widget build(BuildContext context) =&gt; Container(
      margin: EdgeInsets.symmetric(horizontal: 20),
      padding: EdgeInsets.all(4),
      child: OutlinedButton.icon(
        label: Text(
          'Sign In With Google',
          style: TextStyle(
              color: Colors.black,
              fontFamily: &quot;RobotoCondensed&quot;,
              fontWeight: FontWeight.bold,
              fontSize: 16),
        ),
        style: OutlinedButton.styleFrom(
          shape: StadiumBorder(),
          padding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
          side: BorderSide(width: 1, color: Colors.black),
        ),
        icon: FaIcon(FontAwesomeIcons.google, color: Colors.red),
        onPressed: () {
          final provider =
              Provider.of&lt;GoogleSignInProvider&gt;(context, listen: false);
          provider.login();
        },
      ),
    );
  </code></pre>
  <p>Can someone help me understand how can I define the ripple color to stay as black?</p>