In my Angular project, I have a component with encapsulation: ViewEncapsulation.ShadowDom and I need to use some of the mat-icon inside of it.
So in the component's SCSS file, I do this import: @import url("https://fonts.googleapis.com/icon?family=Material+Icons"), but for example, if I try to use this icon: <i class="material-icons">face</i> I just see the word 'face' and not the icon.
Of course, it works if I remove ViewEncapsulation.ShadowDom