I want to have a row of IconButtons, all next to each other, but there seems to be pretty big padding between the actual icon, and the IconButton limits. I&#39;ve already set the padding on the button to 0.

This is my component, pretty straightforward:


    class ActionButtons extends StatelessWidget {
      @override
        Widget build(BuildContext context) {
          return Container(
            color: Colors.lightBlue,
            margin: const EdgeInsets.all(0.0),
            padding: const EdgeInsets.all(0.0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: &lt;Widget&gt;[
                IconButton(
                  icon: new Icon(ScanrIcons.reg),
                  alignment: Alignment.center,
                  padding: new EdgeInsets.all(0.0),
                  onPressed: () {},
                ),
                IconButton(
                  icon: new Icon(Icons.volume_up),
                  alignment: Alignment.center,
                  padding: new EdgeInsets.all(0.0),
                  onPressed: () {},
                )
              ],
            ),
          );
        }
    }


[![enter image description here][1]][1]

I want to get rid of most of the light blue space, have my icons start earlier on the left, and closer to each other, but I can&#39;t find the way to resize the IconButton itself.

I&#39;m almost sure this space is taken by the button itself, &#39;cause if I change their alignments to `centerRight` and `centerLeft` they look like this:

[![enter image description here][2]][2]

Making the actual icons smaller doesn&#39;t help either, the button is still big:

[![enter image description here][3]][3]

thanks for the help


  [1]: https://i.stack.imgur.com/aQwXv.png
  [2]: https://i.stack.imgur.com/cT4s7.png
  [3]: https://i.stack.imgur.com/nhKjv.png

All Iconbutton Solutions on Gang of Coders

Total of 1 Iconbutton Solutions

How do I remove Flutter IconButton big padding?