Icon

Row(
  children: [
    FButton.icon(
      style: FButtonStyle.primary,
      child: FIcon(FAssets.icons.bird),
      onPress: () {},
    ),
    const SizedBox(width: 10),
    FButton.icon(
      style: FButtonStyle.secondary,
      child: FIcon(FAssets.icons.bird),
      onPress: () {},
    ),
  ]
);

FButton.icon(
  style: FButtonStyle.secondary,
  child: FIcon(FAssets.icons.wifi),
  onPress: () {},
);

FButton.icon(
  style: FButtonStyle.secondary,
  child: const FIcon.data(Icons.wifi),
  onPress: () {},
);

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    // Original color
    FButton.icon(
      style: FButtonStyle.primary,
      child: FIcon.image(AssetImage(path('forus-labs.png')), color: Colors.transparent),
      onPress: () {},
    ),
    const SizedBox(width: 10),
    // Recolored
    FButton.icon(
      style: FButtonStyle.primary,
      child: FIcon.image(AssetImage(path('forus-labs.png'))),
      onPress: () {},
    ),
  ],
);

class _Example extends StatefulWidget {
  @override
  State<_Example> createState() => _ExampleState();
}
 
class _ExampleState extends State<_Example> with SingleTickerProviderStateMixin {
  late AnimationController controller;
  late Animation<double> animation;
 
  @override
  void initState() {
    super.initState();
    controller = AnimationController(
      vsync: this,
      duration: const Duration(seconds: 3),
    )
      ..forward()
      ..repeat(reverse: true);
    animation = Tween<double>(begin: 0.0, end: 1.0).animate(controller);
  }
 
  @override
  Widget build(BuildContext context) => FButton.icon(
    child: FIcon.raw(builder: (context, style, child) {
      // You can access widget specific inherited data inside here.
      final FButtonData(:enabled) = FButtonData.of(context);
      return enabled ?
        AnimatedIcon(
          icon: AnimatedIcons.home_menu,
          progress: animation,
          color: style.color,
          size: style.size,
          semanticLabel: 'Home menu',
        ) : const FIcon.data(Icons.menu);
    }),
    onPress: () {},
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}