Changing the expand and collaps icons in the PrimeNG tree

Question

I'm using the tree component from PrimeNG. Does anyone knows how I can change the expand and collapse icons ? My target is to get a plus and minus instead of the fa-caret-down and fa-caret-right.

So from

to

Answer 1

Add the following CSS to your component:

::ng-deep .fa-caret-right::before {
  content: "\F067";
}

::ng-deep .fa-caret-down::before {
  content: "\F068";
}

Plunker example