Some material icons not working. Apr 17, 2023 · Seems to be a new and intermittent issue but Material icons and certain font types are not loading correctly in multiple browsers and on multiple devices. I'll go through it and analyse if I can find some suspicious parts of code which can be responsible for that behavior. If you take a look at the CSS that is provided in OPs example you can see that there is only the . Aug 21, 2022 · [Found solution by Shawn Xiong] If you have overwritten some existing Angular Material styling or any other styling that somehow affects the icon, it may cause an issue. Move the icon code outside of any styling and test. Jan 10, 2023 · I also store and deploy to target the outlined version of the icon and change the font family to 'Material Icons Outlined' and the correct source on the ". Reset all browser settings and performed optimization. I can use the normal filled version but the outline version is not working. This if correct. material-icons class provided. material-icons" class. Jan 27, 2022 · I am trying to use the outlined version of notifications. Apr 12, 2018 · If you have overwritten some existing Angular Material styling or any other styling that somehow affects the icon, it may cause an issue. . We're hosting the font family in our design system code (we're not using the link tag in the header method) and I added the material-icons-outlined to the font family: /* Support for all WebKit browsers. Jul 16, 2024 · I can't really explain it right now, why it's removing the content of the files and why it seems to work for most of the people. Either change the used class or change the CSS import. fqorom ohrk mcuhym rowh aed yhsgcqz glgfrkk adjnpye epfcnrc eip