How to change size of icon in vaadin button

Flow
1

Hi,

I want to change the size of the icon in a vaadin button. I have tried this but no success, it just adds more space between the icon and the label.

vaadin-button > vaadin-icon {
    width: 50px;
}
2

vaadin-button::part(prefix) should do the trick (Vaadin 24)

3

Thank you, that worked, but I have to use the scale property, instead of width

4

Or you can use the font-size attribute

5

There’s also a --lumo-icon-size-m CSS property you can override