Material Icons for TinyMCE

material_icons_for_TinyMCE.scss

 .mce-ico{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  width: auto;
  height: auto;
}
.mce-btn-group .mce-btn{
  border-width: 0;
  &:not(.mce-disabled){
    opacity: 0.8;
    &:hover, &:active{
      opacity: 1
    }
  }

}
.mce-disabled {
  button {
   pointer-events:none;
 }

}
.mce-toolbar .mce-btn-group{
  padding: 0;
}
.mce-i-undo::before{
  content: 'undo';
}
.mce-i-redo::before{
  content: 'redo';
}
.mce-i-bold::before{
  content: 'format_bold';
}
.mce-i-italic::before{
  content: 'format_italic';
}
.mce-i-underline::before{
  content: 'format_underline';
}
.mce-i-alignleft::before{
  content: 'format_align_left';
}
.mce-i-alignright::before{
  content: 'format_align_right';
}
.mce-i-aligncenter::before{
  content: 'format_align_center';
}
.mce-i-alignjustify::before{
  content: 'format_align_justify';
}
.mce-i-indent::before{
  content: 'format_indent_increase';
}
.mce-i-outdent::before{
  content: 'format_indent_decrease';
}
.mce-i-outdent::before{
  content: 'format_indent_decrease';
}
.mce-i-line_spacing::before{
  content: 'format_line_spacing';
}
.mce-i-removeformat::before{
  content: 'format_clear';
}
.mce-i-bullist::before{
  content: 'format_list_bulleted';
}
.mce-i-numlist::before{
  content: 'format_list_numbered';
}
.mce-i-link::before{
  content: 'link';
}
.mce-i-unlink::before{
  content: 'link_off';
}
.mce-i-image::before{
  content: 'insert_photo';
}
.mce-i-table::before{
  content: 'table_chart';
}
.mce-i-toc::before{
  content: 'toc';
}
.mce-i-today::before{
  content: 'today';
}
.mce-i-pagebreak::before{
  content: 'remove';
}
.mce-i-chat_bubble::before{
  content: 'chat_bubble';
}
.mce-i-call_split::before{
  content: 'call_split';
}
.mce-i-insert_emoticon::before{
  content: 'insert_emoticon';
}
.mce-i-remove::before{
  content: 'close';
}