title: Material icons not displayed - Quasar
body: <p>I have a quasar project in which the material icons are being displayed as text instead of icons.
  I did install the packages using npm. Even though, it is not working.</p>
  
  <p>Below is my app.js file</p>
  
  <pre><code>require('./bootstrap');
  
  window.Vue = require('vue');
  
  require('quasar/dist/quasar.css');
  require('quasar/dist/quasar.min.css');
  
  import Quasar from 'quasar';
  import 'vuetify/dist/vuetify.min.css';
  import Vuetify from 'vuetify';
  import Vue from 'vue';
  
  import Plugin from '@quasar/quasar-ui-qiconpicker';
  import '@quasar/quasar-ui-qiconpicker/dist/index.css';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/eva-icons.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/fontawesome-v5.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/ionicons-v4.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-outlined.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-round.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-sharp.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v4.umd.js';
  import '@quasar/quasar-ui-qiconpicker/dist/icon-set/themify.umd.js';
  
  Vue.use(Plugin)
  
  Vue.use(Quasar);
  Vue.use(Vuetify);
  
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  Vue.component('example-component', require('./components/ExampleComponent.vue').default);
  Vue.component('example-component1', require('./components/Com.vue').default);
  Vue.component('example-component2', require('./components/Comp.vue').default);
  
  
  let app = new Vue({
          el: '#app',
          icons: {
          iconfont: 'mdi', // default - only for display purposes
          },
          });
  </code></pre>