title: Dynamic v-icon in vuetify template
body: <p>I'm currently  trying to render dynamic <code>v-icon</code> components in my <code>vuetify</code> template.
  I have a list of item for which I want to set a specific icon per item.</p>
  
  <p>So my list is :</p>
  
  <pre><code>  &lt;v-list-item
      v-for="application in installedApplications"
      :key="application.id"
      :to="{ name: application.verboseName + 'Dashboard' }"
      link&gt;
      &lt;v-list-item-icon&gt;
        &lt;v-tooltip right&gt;
          &lt;template v-slot:activator="{ on }"&gt;
            &lt;v-icon v-on="on"&gt;mdi-{{ application.icon }}&lt;/v-icon&gt;
          &lt;/template&gt;
          &lt;span&gt;{{ application.verboseName }}&lt;/span&gt;
        &lt;/v-tooltip&gt;
      &lt;/v-list-item-icon&gt;
      &lt;v-list-item-content&gt;
        &lt;v-list-item-title&gt;
          {{ application.verboseName }}
        &lt;/v-list-item-title&gt;
      &lt;/v-list-item-content&gt;
    &lt;/v-list-item&gt;
  </code></pre>
  
  <p>You can see that I loop my <code>installedApplications</code> to populate my sidebar with icons.
  My <code>application</code>s have an attribute <code>icon</code> so that doing <code>application.icon</code> returns something like <code>home</code>, <code>archive</code> or whatever icon name we can find <a href="https://materialdesignicons.com/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Whereas doing <code>&lt;v-icon&gt;mdi-home&lt;/v-icon</code> will display properly the desired icon, I'd like to be able to do <code>&lt;v-icon&gt;mdi-{{ application.icon }}&lt;/v-icon&gt;</code> (I tried in my template above) but it doesn't work.</p>
  
  <p>Any idea to solve that ? Maybe I missed some detail ?</p>