Dynamically load Zg-Zorro icons in angular app with Content-Security-Policy enabled

Question

I have enabled CSP in my "@angular/core": "^15.1.0" project and using Ng-Zorro "ng-zorro-antd": "^15.0.2" and have enabled Dynamic loading of the icons.

"options": {
            "headers": {
              "Content-Security-Policy": "trusted-types angular angular#bundler; require-trusted-types-for 'script'"
            }
          },

Here is the code for the form icon

<li nz-submenu nzOpen nzTitle="Form" nzIcon="form">
  <ul>
    <li nz-menu-item nzMatchRouter>
      <a>Basic Form</a>
    </li>
  </ul>
</li>

It shows the following errors on the console and doesn't renders them. Error on Console

I tried Angular DomSanitizer but the issue still persists maybe I'm using sanitizer wrong.