Material Design Icons instead of Font Awesome

[KLA6]

Just for someone who prefer to use MDI rather than FA, I'm sharing the CSS for replacing icons.

It's based on MDI 5.4.55. https://cdn.materialdesignicons.com/5.4.55/

.fa:before{ padding-left: 1px !important; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; line-height: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa-mavon-bold:before            { content: '\F0264'; }
.fa-mavon-italic:before          { content: '\F0277'; }
.fa-mavon-header:before          { content: '\F05F4'; }

.fa-mavon-underline:before       { content: '\F0287'; }
.fa-mavon-strikethrough:before   { content: '\F0281'; }
.fa-mavon-thumb-tack:before      { content: "\F00C0"; }
.fa-mavon-superscript:before     { content: "\F0283"; }
.fa-mavon-subscript:before       { content: "\F0282"; }
.fa-mavon-align-left:before      { content: "\F0262"; }
.fa-mavon-align-center:before    { content: "\F0260"; }
.fa-mavon-align-right:before     { content: "\F0263"; }

.fa-mavon-quote-left:before      { content: "\F0757"; }
.fa-mavon-list-ul:before         { content: "\F0279"; }
.fa-mavon-list-ol:before         { content: "\F027B"; }

.fa-mavon-link:before            { content: "\F0339"; }
.fa-mavon-picture-o:before       { content: "\F0976"; }
.fa-mavon-code:before            { content: "\F0174"; }
.fa-mavon-table:before           { content: "\F04EB"; }

.fa-mavon-undo:before            { content: "\F054D"; }
.fa-mavon-repeat:before          { content: "\F044F"; }
.fa-mavon-trash-o:before         { content: "\F0A7A"; }
.fa-mavon-floppy-o:before        { content: "\F0818"; }

.fa-mavon-bars:before            { content: "\F035C"; }
.fa-mavon-eye:before             { content: "\F06D0"; }
.fa-mavon-eye-slash:before       { content: "\F06D1"; }
.fa-mavon-arrows-alt:before      { content: "\F004C"; }
.fa-mavon-window-maximize:before { content: "\F05AF"; }
.fa-mavon-columns:before         { content: "\F08DF"; }

.fa-mavon-question-circle:before { content: "\F0625"; }
.fa-mavon-compress:before        { content: "\F120E"; }
.fa-mavon-times:before           { content: "\F0156"; }