title: How to have Circle ripple effect on an IconButton?
body: <p>I would like to make a button with a circular ripple effect using an Icon, I've seen something online but I can't do it. It is not that straight forward like it should be. Trying with this code now.</p>
  
  <pre><code>InkWell(
                        onTap: () {},
                        splashColor: Colors.red,
                        highlightColor: Colors.white,
                        child: new Icon(
                          FontAwesomeIcons.chevronCircleUp,
                          size: 100,
                        ),
                      )
  </code></pre>
  
  <p>Another try was with this, but I cannot understand why those don't perfectly centers with each other. </p>
  
  <pre><code>Container(
                        margin: EdgeInsets.all(0.0),
                        height: 100.0,
                        width: 100.0,
                        child: new RaisedButton(
                            padding: EdgeInsets.all(0.0),
                            elevation: 100.0,
                            color: Colors.black,
                            highlightElevation: 0.0,
                            onPressed: () {},
                            splashColor: Colors.red,
                            highlightColor: Colors.red,
                            //shape: RoundedRectangleBorder e tutto il resto uguale
                            shape: CircleBorder(
                              side: BorderSide(color: Colors.black, width: 5),
                            ),
                            child: Icon(
                              FontAwesomeIcons.chevronCircleUp,
                              color: Colors.white.withOpacity(.8),
                              size: 80,
                            )),
                      ),
  </code></pre>
  
  <p>Thanks for the help</p>