'Flutter: How to change the color in the background (or overlay color) of an Icon when it's pressed?

Here my code:

IconButton(
          icon: Icon(CupertinoIcons.add_circled),
          color: Colors.orange,
          iconSize: CustomTheme.iconSize,
          splashColor: Colors.pink,
        
          onPressed: () {
           .....anything
          },
        ),

When I press the IconButton on the left side, it gets a grey circled background which will be filled by the pink splash color.

My question: How can I change the GREY color or even remove it completely???

Unpressed Icon ---> When Icon is pressed ----> Pressed Icon



Solution 1:[1]

add the following property

highlightColor: Colors.transparent,

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Abdallah Abdel Aziz