Remove Default V-input-file Icon In Vuetify

v-file-input is a new component that appeared in Vuetify v2. The default behavior shows a prepended icon: Is

Solution 1:

I just tried this and it worked:

<v-file-input multiple label="File input" prepend-icon=""></v-file-input>

Solution 2:

<v-file-input multiple label="File input" prepend-icon=""></v-file-input>

You can disable (or change) it globally in whole app by initializing Vuetify like this:

newVuetify({
    icons: {
      values: {
        file: ''
      },
    } 
  })

See the docs

Solution 3:

Try this:

<v-file-input multiple label="File input":prepend-icon="undefined"></v-file-input>

or

<v-file-input multiple label="File input" prepend-icon="fancyIconName"></v-file-input>

Solution 4:

Use :prepend-icon="null"