I created a new project, installed font-awesome:

```
"@fortawesome/angular-fontawesome": "^0.4.0",
"@fortawesome/fontawesome-svg-core": "^1.2.19",
"@fortawesome/free-brands-svg-icons": "^5.9.0",

```

Imported `FontAwesomeModule`:

```
imports: [
    ...,
    FontAwesomeModule
],

```

And created a simple icon:

```
faFacebook = faFacebook;

```

```
<fa-icon [icon]="faFacebook"></fa-icon>

```

The icon is successfully showing. Now I want to style a `path` of the generated icon:

```
path {
  fill: red;
}

```

But it doesn't work. My Chrome doesn't even print this rule in developer tools.

How can I style `path`? I have to style exactly `path`, not `fa-icon` (to apply a gradient with `fill: url(#gradient)`).