title: Ionicons version 5 with angular
body: <p>How to add ionicons version 5 to angular, with version 4.5 there was a scss available and I can use in that way but now in version 5 ionicons use svgs and don't know how to integrate it with angular.</p>
  
  <p>Current approach
  In angular.json</p>
  
  <pre><code>"styles": [
                "./node_modules/ionicons/dist/scss/ionicons.scss",
                "src/app/theme/styles/styles.scss"
              ],
  </code></pre>
  
  <p>Then in my app.component.ts (I'm using nebular UI)
  <a href="https://akveo.github.io/nebular/docs/guides/register-icon-pack#register-icon-pack" rel="noreferrer">https://akveo.github.io/nebular/docs/guides/register-icon-pack#register-icon-pack</a></p>
  
  <pre><code>export class AppComponent implements OnInit {
  
    constructor(private iconsLibrary: NbIconLibraries, public store$: Store&lt;any&gt;, ) {
      iconsLibrary.registerFontPack('ion', { iconClassPrefix: 'ion' });
      iconsLibrary.registerFontPack('nebular', { iconClassPrefix: 'nb' });
      iconsLibrary.setDefaultPack('nebular');
      // @ts-ignore
      if (window.Cypress) {
        // @ts-ignore
        window.__appStore__ = store$;
      }
    }
  
    ngOnInit() {
    }
  }
  </code></pre>
  
  <p>I see in issues that for ionic with angular them add </p>
  
  <pre><code>"assets": [
                {
                  "glob": "**/*",
                  "input": "src/assets",
                  "output": "assets"
                },
                {
                  "glob": "**/*.svg",
                  "input": "node_modules/ionicons/dist/ionicons/svg",
                  "output": "./svg"
                }
              ]
  </code></pre>
  
  <p>but I don't know how to continue</p>