出现问题的原因是 Google Symbols 的 SVG 图标格式与 Angular matIconModule 不兼容。解决方法是先将 Google Symbols 的 SVG 图标转换为 Angular 支持的 matIconModule 的图标格式。

以下是一个将 Google Symbols 转换为 matIconModule 的代码示例：

1. 安装依赖：

npm install svgs-to-svg-icons

2. 创建一个转换脚本，比如 create-icons.js：

const path = require('path');
const { fromFolder } = require('svgs-to-svg-icons');

async function createIcons() {
  const inputDir = path.join(__dirname, 'path/to/google-symbols');
  const outputDir = path.join(__dirname, 'path/to/matIconModule');
  await fromFolder(inputDir, outputDir);
}

createIcons();

3. 运行脚本：

node create-icons.js

脚本将会将 Google Symbols 中的 SVG 图标转换为 matIconModule 的图标格式，从而在 Angular 中使用。