在 Angular 中，如果使用了 mat-icon 组件来显示 SVG 图标，需要确保已经正确引入了 MatIconModule 模块，并且已经导入了相应的图标。

1. 检查 SVG 图标的样式类名：在 Angular Material 中，mat-icon 组件会为 SVG 图标添加一些样式类名，例如 mat-icon 和 mat-icon-inline。可以使用浏览器的开发者工具检查生成的 HTML 代码，确保 SVG 图标的样式类名正确。

2. 使用 ::ng-deep 或 /deep/：如果 SVG 图标的样式受到了父级组件的样式影响，可以尝试使用 ::ng-deep 或 /deep/ 来穿透组件样式的封装，使得样式能够应用到 SVG 元素上。例如：

   .branding {
     ::ng-deep svg {
       height: 28px;
       width: auto;
       margin-left: 10px;
     }
   }
   

3. 使用 encapsulation: ViewEncapsulation.None：如果 SVG 图标的样式受到组件的样式封装影响，可以尝试在组件中设置 encapsulation: ViewEncapsulation.None，以取消样式封装。请注意，取消样式封装可能会导致全局样式冲突和样式泄漏的问题，需要谨慎使用。例如：

   import { Component, ViewEncapsulation } from '@angular/core';
   
   @Component({
     selector: 'app-example',
     templateUrl: 'example.component.html',
     styleUrls: ['example.component.scss'],
     encapsulation: ViewEncapsulation.None
   })
   export class ExampleComponent { }
   

尝试以上解决方案后，重新编译和运行 Angular 应用，查看 SVG 图标的样式是否生效。如果问题仍然存在，可以进一步检查代码和调试，确保没有其他样式或组件逻辑导致 SVG 样式不起作用。