[Bug Report][3.6.11] v-btn's default slot stops icon from "icon" prop from showing even when slot is empty

[pedro-la-goncalves]

Environment

Vuetify Version: 3.6.11 Vue Version: 3.4.31 Browsers: Chrome 127.0.0.0 OS: Windows 10

Steps to reproduce

• create a component using v-btn
• set a slot inside v-btn, like: <v-btn><slot /></v-btn>
• pass a prop to the component and apply its value to the v-btn "icon" prop, like: <v-btn :icon="icon"><slot /></v-btn>
• instantiate the component on a page and pass a valid icon through the prop, like: <MyComponent :icon="mdi-close" />

Expected Behavior

When the slot is not used, apply the desired icon and apply the icon button style

Actual Behavior

Button has icon button style but the desired icon does not show

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

I was able to work around it by using a v-if for when the icon prop has a valid value.

[pedro-la-goncalves]

It is also possible to use the "text" prop instead of the default slot in order to create a button component 👈

However, it feels like an slot that is not being used should not impact the component like this 🤔