5,400+ Material Design Icons for Vue 3 from the Community


Material Design Icons for Vue 3. This library has over 5,400+ icons thanks to the amazing people at Material Design Icons. The icons were generated as Vue components using their library @mdi/util.


  • SVG based icons.
  • Supports Vue 3.
  • Treeshaking supported.
  • Supports typescript.
  • Stylable using CSS (inherits color and font size).


$ npm install mdue --save
# or
$ yarn add mdue


Using the icons from mdue is very easy. Just import the icons into your app and use them. Only the icons that you use will be bundled with the app.


  import { AbTesting } from 'mdue';

  export default {
    name: 'App',
    components: {

A more full-fledged example in the examples directory. You may clone the repo and try the icons out.


If you want to contribute to this project, you may easily create issues and send PRs. Please take note that your code contributions will be applicable under MIT license unless specified otherwise.

Download Details:

Author: vyperium

Demo: https://materialdesignicons.com/

Source Code: https://github.com/vyperium/mdue

#vue #vuejs #javascript

5,400+ Material Design Icons for Vue 3 from the Community
22.70 GEEK