Material Design Icon Component

Simple material design icon component

Usage

Installation:

    npm i material-icon-component

Javascript :

    import 'material-icon-component/md-icon.js'
    
    //If you don't want "filled" as the default tone,
    //you can change it by importing another file.
    import 'material-icon-component/md-icon-outlined.js'

HTML:

    <md-icon>assignment_turned_in</md-icon>

    <!-- clickable icon with ripple effect -->
    <md-icon clickable>assignment_turned_in</md-icon>

    <!-- Using round icon font -->
    <md-icon round>assignment_turned_in</md-icon>

    <!-- Using sharp icon font -->
    <md-icon sharp>assignment_turned_in</md-icon>

    <!-- Using outlined icon font -->
    <md-icon outlined>assignment_turned_in</md-icon>

    <!-- Using two tone icon font -->
    <md-icon two-tone>assignment_turned_in</md-icon>

Icons

you can get all icons name at : https://material.io/resources/icons/?style=baseline