Discord Instagram LinkedIn Twitter

Extended Icon Button

Extended Icon Button package lets you add a beautiful Icon Button as per your need to your Flutter app.


  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
  extended_icon_button: ^1.0.0
  1. Import the package and use it in your Flutter App.
import 'package:extended_icon_button/extended_icon_button';


There are a number of properties can be modified using this package:

  • x height
  • x width
  • x title
  • x title style
  • x icon
  • x icon size
  • x icon color
  • x button color
  • x hover elevation
  • x Button Gradient

      height: 50,
      width: double.maxFinite,
      text: "Details",
      titleStyle: TextStyle(fontSize: 30),
      textColor: Colors.black87,
      icon: Icons.arrow_forward_sharp,
      iconColor: Color.fromARGB(255, 0, 0, 0),
      gradientColor1: Color(0xFFB84D9B),
      gradientColor2: Color(0xFFA060B0),
      gradientColor3: Color(0xFF8E6EC0),
      hoverElv: 20,