feat(module:avatar): support custom icon by ng-content (#9090)

Author: OriginRing

components/avatar/avatar.component.ts

@@ -38,6 +38,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'avatar';
     } @else if (nzText && hasText) {
       <span class="ant-avatar-string" #textEl>{{ nzText }}</span>
     }
+    <ng-content></ng-content>
   `,
   host: {
     class: 'ant-avatar',

components/avatar/demo/group.ts

@@ -2,17 +2,21 @@ import { Component } from '@angular/core';
 
 import { NzAvatarModule } from 'ng-zorro-antd/avatar';
 import { NzDividerModule } from 'ng-zorro-antd/divider';
+import { NzIconModule } from 'ng-zorro-antd/icon';
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
 
 @Component({
   selector: 'nz-demo-avatar-group',
-  imports: [NzAvatarModule, NzDividerModule, NzToolTipModule],
+  imports: [NzAvatarModule, NzDividerModule, NzToolTipModule, NzIconModule],
   template: `
     <nz-avatar-group>
       <nz-avatar nzIcon="user" nzSrc="//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></nz-avatar>
       <nz-avatar style="background-color: #f56a00" nzText="U"></nz-avatar>
       <nz-avatar style="background-color: #87d068" nz-tooltip nzTooltipTitle="NG-ZORRO User" nzIcon="user"></nz-avatar>
       <nz-avatar style="background-color: #1890ff" nzText="NG"></nz-avatar>
+      <nz-avatar [nzSize]="32">
+        <nz-icon nzType="ant-design" nzTheme="outline" />
+      </nz-avatar>
     </nz-avatar-group>
     <nz-divider></nz-divider>
     <nz-avatar-group>