I Could not find a way to change the icon size when it is inserted as "append-outer-icon"
<div>
<v-col
cols="12"
>
<v-text-field
class="mx-8"
v-model="message4"
label="Outlined"
outlined
clearable
append-outer-icon="mdi-plus-circle-outline large"
></v-text-field>
</v-col>
</div>
One way to do that is with CSS. The icon's size is set by font-size
:
.v-input__icon.v-input__icon--append-outer i {
font-size: 48px;
}