如何获取Azure门户中指定Azure资源类型的SVG图标？

• 提取核心服务标识：从资源类型字符串Microsoft.Storage/StorageAccounts中，可提炼出核心服务标识Storage，对应Azure存储服务。
• 准备图标资源：将Azure官方的存储服务图标（如storage.svg）托管到内部工具的静态资源目录，避免依赖外部链接。
• 建立映射规则：在工具中维护资源类型与图标路径的映射表，示例如下：

  const azureServiceIconMap = {
    "Microsoft.Storage/StorageAccounts": "/static/icons/azure/storage.svg",
    // 后续可扩展添加其他Azure服务的映射关系
  };
  

• 前端渲染实现：根据当前资源类型匹配映射表中的图标路径，将图标渲染到页面。示例HTML代码：

  <span class="azure-service-icon">
    <img src="${azureServiceIconMap['Microsoft.Storage/StorageAccounts']}" alt="Azure存储账户图标" />
  </span>
  

• 效果参考：
  

内容的提问来源于stack exchange，提问作者TeamDman