---

前言

已经全局引用图标组件，但某些图标仍不生效

import { NzIconModule } from ‘ng-zorro-antd/icon’;

---

解决办法一

1. 查看支持Zorro版本：Ctrl+p找到package.json文件，找到版本信息：
   
   

2. 打开ng-zorro官网（Link），切换到相应版本。
   

3. 找到想要的图标，按下F12后查看
   

4. 查找Class，复制Class内右边的内容，如 anticon-user，则获取到控件标识
   

5. 引用控件标识

 menuData.push({text: 'proxy',children: [{text: '代理人设置',i18n: 'menu.proxy',link: '/proxy',// 引用标识icon: 'anticon-user',},],},});

   <button nz-button nzType="primary" class="search" (click)="test()"><em nz-icon nzType="anticon-copy"></em>复制</button>

解决办法二（支持其他版本）

1. 复制svg的内容
   

2. 复制到HTML，例：按钮里的图标

<button nz-button nzType="primary" class="search"><svgviewBox="64 64 896 896"focusable="false"fill="currentColor"width="1em"height="1em"data-icon="reconciliation"aria-hidden="true"><pathd="M676 565c-50.8 0-92 41.2-92 92s41.2 92 92 92 92-41.2 92-92-41.2-92-92-92zm0 126c-18.8 0-34-15.2-34-34s15.2-34 34-34 34 15.2 34 34-15.2 34-34 34zm204-523H668c0-30.9-25.1-56-56-56h-80c-30.9 0-56 25.1-56 56H264c-17.7 0-32 14.3-32 32v200h-88c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h336c17.7 0 32-14.3 32-32v-16h368c17.7 0 32-14.3 32-32V200c0-17.7-14.3-32-32-32zm-412 64h72v-56h64v56h72v48H468v-48zm-20 616H176V616h272v232zm0-296H176v-88h272v88zm392 240H512V432c0-17.7-14.3-32-32-32H304V240h100v104h336V240h100v552zM704 408v96c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-96c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8zM592 512h48c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8z"></path></svg>test
</button>

3. 运行结果
   

解决办法三（推荐使用阿里图标link）

1. 搜索想要的图标关键字
   

2. 下载想要的图标
   

3. 下载后存到项目中，并引用

    <img src="../../../assets/tmp/img/construct.svg" />
   

4. 效果如下所示：