How to change size of icon in vaadin button


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;

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

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

Or you can use the font-size attribute

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