Badge not showing on mat-icon if using svgIcon

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Badge should be shown

What is the current behavior?

Badge is not shown

What are the steps to reproduce?

export class AppModule {
  constructor(
    private mdIconRegistry: MatIconRegistry,
    private sanitizer: DomSanitizer) {
    mdIconRegistry.addSvgIcon('bell',
      sanitizer.bypassSecurityTrustResourceUrl('./assets/svg/bell.svg'));
  }
}

in app.component.html

<mat-icon matBadge="15" matBadgeColor="primary" svgIcon="bell"></mat-icon>

you can see code on stackblitz.com, but here it svg icons imports do not word at all https://stackblitz.com/edit/angular-material2-issue-hjcqj2?embed=1&file=app/app.module.ts

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

6.0.0

[ZouZou]

I am working with Material 7.0.0 and I have the same problem, has this issue been fixed in later versions?

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}