StyleHook issue

[ZahidUrRehman13]

when insert svg image in place of icon and active icon, it overflow the circle and when i decrease the active icon size as per direction then it unfortunaltly does not change the icon size

bottomNavigationBar: StyleProvider(
style: Style(),
child: ConvexAppBar(
items: [
tabWidget("asset/png/default/calende.svg"),
tabWidget("asset/png/default/plate.svg"),
tabWidget("asset/png/default/dashboard.svg"),
tabWidget("asset/png/default/main.svg"),
tabWidget("asset/png/default/file.svg"),
],
onTap: (i) => setState(() => currentIndex = i),
backgroundColor: ConstantColor.colorBottomStatusBar,
activeColor: ConstantColor.colorOrangeTiger,
initialActiveIndex: 2,
top: -15,
style: TabStyle.custom,
),
))

TabItem tabWidget(String images) {
return TabItem(
icon: SvgPicture.asset(
images,
color: ConstantColor.colorBlack,
),
activeIcon: SvgPicture.asset(
images,
color: ConstantColor.colorWhite,
)
);
}

class Style extends StyleHook {
@OverRide
double get activeIconSize => 30;

@OverRide
double get activeIconMargin => 8;

@OverRide
double get iconSize => 30;

@OverRide
TextStyle textStyle(Color color, String? fontFamily) {
return TextStyle(fontSize: 0, color: color);
}