@font-face {
    font-family: "Material Design Icons";
    src: url("materialdesignicons-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

.mdi {
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi-format-bold::before { content: "\F0264"; }
.mdi-format-italic::before { content: "\F0277"; }
.mdi-format-underline::before { content: "\F0287"; }
.mdi-format-strikethrough::before { content: "\F0280"; }
.mdi-format-color-text::before { content: "\F069E"; }
.mdi-format-color-highlight::before { content: "\F0E31"; }
.mdi-format-list-numbered::before { content: "\F027B"; }
.mdi-format-list-bulleted::before { content: "\F0279"; }
.mdi-format-align-left::before { content: "\F0262"; }
.mdi-format-align-center::before { content: "\F0260"; }
.mdi-format-align-right::before { content: "\F0263"; }
.mdi-link::before { content: "\F0337"; }
.mdi-format-clear::before { content: "\F0265"; }
.mdi-image::before { content: "\F02E9"; }
.mdi-cloud-upload::before { content: "\F0167"; }
.mdi-cloud-download::before { content: "\F0162"; }
.mdi-cloud-check::before { content: "\F0157"; }
.mdi-cloud-alert::before { content: "\F09DF"; }
.mdi-sync::before { content: "\F04E6"; }
.mdi-cog::before { content: "\F0493"; }
.mdi-eye::before { content: "\F0208"; }
.mdi-eye-off::before { content: "\F0209"; }
.mdi-account-group::before { content: "\F0849"; }
.mdi-account::before { content: "\F0004"; }