Size of icon button

[tvojtech]

Hi,

I have code like

<Button
  onClick={() => toggleDrawer()}
  aria-label="Open menu"
  className="lg:hidden"
  variant="link"
  size="icon"
  >
    <Menu /> // icon from lucide-react
</Button>

How can I make the icon bigger? size prop of the icon does not work. Setting width and height via className does not work on the icon or the button. The icon is still small. Can I somehow make it bigger?

[Chukwu3meka]

You can use the fontSize property

<Menu style={{fontSize: 40 // '40px' }} /> 

[HafidzNurmawanHakim]

you can use scale instead

<Bell className="scale-125" />
or
<Bell style={{ scale: 2 }} />