全球注册自定义Angular Material图标（即使使用延迟加载模块）

要全局注册自定义的Angular Material图标，可以按照以下步骤进行：

1. 在项目的根目录中创建一个名为icon-registry.ts的文件，用于注册自定义图标。

2. 在icon-registry.ts文件中导入MatIconModule和MatIconRegistry：

import { MatIconModule, MatIconRegistry } from '@angular/material/icon';

3. 创建一个registerCustomIcons函数，并在其中调用addSvgIcon方法来注册自定义图标。示例代码如下：

export function registerCustomIcons(iconRegistry: MatIconRegistry): () => void {
  return () => {
    iconRegistry.addSvgIcon('custom-icon', '<svg>...</svg>');
    // 添加更多自定义图标
  };
}

在上述代码中，addSvgIcon方法接收两个参数：图标名称和SVG图标内容。可以根据需求添加更多的自定义图标。

4. 在根模块（通常是app.module.ts）中导入MatIconModule和DomSanitizer：

import { MatIconModule } from '@angular/material/icon';
import { DomSanitizer } from '@angular/platform-browser';

5. 在根模块中创建一个sanitizer函数，并在其中调用bypassSecurityTrustResourceUrl方法来信任自定义图标的URL。示例代码如下：

export function sanitizer(domSanitizer: DomSanitizer): MatIconRegistry {
  const iconRegistry = new MatIconRegistry(domSanitizer);
  iconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/custom-icons.svg'));
  return iconRegistry;
}

在上述代码中，addSvgIconSet方法用于添加一个包含所有自定义图标的SVG文件，并通过bypassSecurityTrustResourceUrl方法来信任该SVG文件的URL。

6. 在根模块的providers数组中添加以下提供者：

providers: [
  {
    provide: MAT_ICON_REGISTRY,
    useFactory: registerCustomIcons,
    deps: [MatIconRegistry],
  },
  {
    provide: MatIconRegistry,
    useFactory: sanitizer,
    deps: [DomSanitizer],
  },
],

7. 在根模块的imports数组中添加MatIconModule：

imports: [
  MatIconModule,
  // 其他导入的模块
],

8. 将自定义图标的SVG文件放置在项目的assets/icons目录下，并命名为custom-icons.svg（或其他名称）。

9. 在模板中使用自定义图标：

<mat-icon svgIcon="custom-icon"></mat-icon>

在上述代码中，svgIcon属性的值应与注册自定义图标时指定的名称一致。

通过以上步骤，你就可以全局注册并使用自定义的Angular Material图标了。