Integration with the material design icons

Usage no npm install needed!

<script type="module">
  import vclMaterialDesignIcons from '';


VCL material-design-icons

Integration with the material design icons.


A complete icon set for web applications inspired by Google's material design. The icons are vector graphics which can be scaled without quality loss. The different icon states for hover and active as well as different color themes like normal or emphasized are simply realized by CSS styling.


This module just includes the original CSS from the mdi module. Make sure the font files are not located below a path ../fonts/, or re-define the src properties in the @font-face definition.

basic example


Each icons has a unique identifier in the mdi- namespace. See for a reference available icons.


example.html on GH-pages.