How do i make circular icon Inside Button ?

We can create Circular image using the Container with decoration property, but how to create circular icon.

In this example you can find to create circular icon inside button.

ElevatedButton(
  onPressed: () {
    _pickImage();
  },
  child: Icon(Icons.edit, color: Colors.white),
  style: ElevatedButton.styleFrom(
    shape: CircleBorder(),
    padding: EdgeInsets.all(2),
    primary: Colors.blue, // <-- Button color
    onPrimary: Colors.red, // <-- Splash color
  ),
)

In the above example we used Button style property with ElevatedButton and added shape as CircleBorder()

This will return an circular edit icon with elevation property.