title: Use Angular Material mat-icon with custom svg icon in angular standalone library
body: <p>I'm creating this angular library for a project, and inside it, i'm utilizing @angular/material mat-icon component. There is some custom svg files included as assets of library, and i want to register then with <code>MatIconRegistry.addSvgIconSetInNamespace(path/to/assets/folter)</code>, and i do this, but i'm receiving the following error on runtime:</p>
  <pre><code>ERROR Error: Error retrieving icon XXX! Unable to find icon with the name &quot;XXX&quot;
  </code></pre>
  <p>I can't help it but to think that the problem is the url passed to <code>addSvgIconSetInNamespace</code>.
  I'm building the library with ng-packagr and including de svg folder in the final dist folder. My dist folder structure is like this:</p>
  <pre><code>dist/lib
    \+--assets
      \+--svgs
    \+--modules
      \+--icon.module.ts
  </code></pre>
  <p>And in icon.module is where i need to register the icons present in assets folder. Someone knows how to fix it? Tells if this is a problem in register or runtime reference?</p>
  <p>I tried to register in the following ways:
  <code>addSvgIconSetInNamespace('@lib/assets/svgs/some.svg')</code>
  <code>addSvgIconSetInNamespace('../assets/svgs/some.svg')</code>
  <code>addSvgIconSetInNamespace('/assets/svgs/some.svg')</code></p>
  <p>But none of then worked.</p>