Hi,

I'm trying to use Font Awesome with the tailwind plugin tailwind-fontawesome but having no joy. All I see is two little squares where the icon should be.

Hoping someone might know how to get this working, thanks.

My relevant packages:

    "@fortawesome/fontawesome-svg-core": "^6.5.1",
    "@fortawesome/free-brands-svg-icons": "^6.5.1",
    "@fortawesome/free-regular-svg-icons": "^6.5.1",
    "@fortawesome/free-solid-svg-icons": "^6.5.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "tailwind-fontawesome": "^0.6.0",

Tailwind config:

...
plugins: [
    require("tailwindcss-animate"),
    require("tailwind-fontawesome")({ version: 6 }),
  ],

layout.tsx:

import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";
config.autoAddCss = false;

In component:

<li className="icon-forward" />