Skip to content

How do I import the tabler icons? #53

Answered by ashley-hunter
NatSo1 asked this question in Q&A
Discussion options

You must be logged in to vote

Hi,

It should just be as simple as importing the icons like this:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgIconsModule } from "@ng-icons/core";
import {
  tablerCircleLetterL,
  tablerCircleLetterP
} from "@ng-icons/tabler-icons";
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgIconsModule.withIcons({
      tablerCircleLetterL,
      tablerCircleLetterP
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

You should not need to deep import, just from the package:

See Example CodeSandbox

If that i…

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by ashley-hunter
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants