Usage no npm install needed!

<script type="module">
  import vclMaterialDesignIcons from 'https://cdn.skypack.dev/vcl-material-design-icons';
</script>

README

VCL material-design-icons

Integration with the material design icons.

Features

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.

Usage

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

Classes

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

Demo

example.html on GH-pages.