@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block; 
    src: local('Material Icons'),
         local('MaterialIcons-Regular'),
         url('./resources/material-icons--regular.woff2')  format('woff2'),
         url('./resources/material-icons--regular.woff') format('woff')
         
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  }