@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    /* For IE6-8 */
    src: url(icons/MaterialIcons-Regular.ttf);
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(icons/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    /* For IE6-8 */
    src: url(icons/MaterialIconsOutlined-Regular.otf);
    src: local('Material Icons Outlined'),
    url(icons/MaterialIconsOutlined-Regular.otf) format('opentype');
local('MaterialIconsOutlined-Regular'),
}

@font-face {
    font-family: 'Material Icons Rounded';
    font-style: normal;
    font-weight: 400;
    /* For IE6-8 */
    src: url(icons/MaterialIconsRound-Regular.otf);
    src: local('Material Icons Rounded'),
    url(icons/MaterialIconsRound-Regular.otf) format('opentype');
local('MaterialIconsRound-Regular'),
}

@font-face {
    font-family: 'Material Icons Sharp';
    font-style: normal;
    font-weight: 400;
    /* For IE6-8 */
    src: url(icons/MaterialIconsSharp-Regular.otf);
    src: local('Material Icons Sharp'),
    url(icons/MaterialIconsSharp-Regular.otf) format('opentype');
local('MaterialIconsSharp-Regular'),
}

@font-face {
    font-family: 'Material Icons TwoTone';
    font-style: normal;
    font-weight: 400;
    /* For IE6-8 */
    src: url(icons/MaterialIconsTwoTone-Regular.otf);
    src: local('Material Icons TwoTone'),
    url(icons/MaterialIconsTwoTone-Regular.otf) format('opentype');
local('MaterialIconsTwoTone-Regular'),
}

/*
Common props are abstracted to .material-icon-defaults
*/
.material-icons-outline {
    font-family: 'Material Icons Outlined';
}

.material-icons-rounded {
    font-family: 'Material Icons Rounded';
}

.material-icons-sharp {
    font-family: 'Material Icons Sharp';
}

.material-icons-two-tone {
    font-family: 'Material Icons TwoTone';
}

.material-icons {
    font-family: 'Material Icons';
}