title: How to use svg icon set package from node_modules in angular4?
body: <p>I have found this open source icon package which I installed in my project <a href="https://github.com/colebemis/feather" rel="nofollow noreferrer">featherIcons</a>, and is listed inside my_modules directory. However Im trying to use it but I just cant seem to make it work.</p>
  
  <p>The issue is, I think I have to be somehow importing the package but not sure how or where.</p>
  
  <p><strong><code>app-component.html</code></strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="navbar__nav-container"&gt;
    &lt;ul class="navbar__nav-container__nav-items"&gt;
      &lt;li&gt;Platform&lt;/li&gt;
      &lt;li&gt;Stix/Taxi&lt;/li&gt;
      &lt;li&gt;Menu&lt;/li&gt;
      &lt;li&gt;
        &lt;i data-feather="circle"&gt;&lt;/i&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong><code>app.module.ts</code></strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  
  import { RoutingModule } from './routing.module';
  import { SharedModule } from './shared/shared.module';
  import { CatService } from './services/cat.service';
  import { UserService } from './services/user.service';
  import { AuthService } from './services/auth.service';
  import { AuthGuardLogin } from './services/auth-guard-login.service';
  import { AuthGuardAdmin } from './services/auth-guard-admin.service';
  import { AppComponent } from './app.component';
  import { CatsComponent } from './cats/cats.component';
  import { AboutComponent } from './about/about.component';
  import { RegisterComponent } from './register/register.component';
  import { LoginComponent } from './login/login.component';
  import { LogoutComponent } from './logout/logout.component';
  import { AccountComponent } from './account/account.component';
  import { AdminComponent } from './admin/admin.component';
  import { NotFoundComponent } from './not-found/not-found.component';
  
  @NgModule({
    declarations: [
      AppComponent,
      CatsComponent,
      AboutComponent,
      RegisterComponent,
      LoginComponent,
      LogoutComponent,
      AccountComponent,
      AdminComponent,
      NotFoundComponent
    ],
    imports: [
      RoutingModule,
      SharedModule
    ],
    providers: [
      AuthService,
      AuthGuardLogin,
      AuthGuardAdmin,
      CatService,
      UserService
    ],
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
    bootstrap: [AppComponent]
  })
  
  export class AppModule { }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help would be appreciated</p>