Outline icons prevent from moving to Material Symbols

[romainbrochot]

Outline icons prevent from moving to Material Symbols

[DenysVuika]

the work for outlined icons is still in progress #8640
what custom-styles.scss do you refer to?

[romainbrochot]

Sorry I forgot to add we removed MatIcons http resource in index.html and we use npm dependency for material icons and we import it from custom-styles.scss in our projects because of customers not allowing internet access on their servers

[DenysVuika]

We are still sticking to the Material Icons for now, but you might be interested to see how we are going to use outlined icons or custom font sets in ACA: Alfresco/alfresco-content-app#3283

Essentially, you can override the default fontSet like this:

export class AppModule {
  constructor(matIconRegistry: MatIconRegistry) {
    matIconRegistry.setDefaultFontSetClass('material-icons-outlined');
  }
}

[romainbrochot]

Yes that's how we did it. It's just that, in specific ADF components, outlined icons do not display properly if we use something else than mat icons.
We'll stick to Mat icons until your work is finished.
You can close the case.

[DenysVuika]

thanks for confirming. Switching to Material Symbols will be a breaking change in terms of backwards compatibility, but it is possible using outlined icons with Material Icons too. Closing for now and we might get back to that in the future releases if we decide migrating to Symbols