react(gatsby)でFontAwesomeを使いたい

Question

React(Gatsby)にてFontawesomeを利用したいです。

無料版のものは下記で利用できるのですが、

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
// 使用したいアイコンをインポート
import { faPhoneVolume } from "@fortawesome/free-solid-svg-icons";

利用したいのはproのlightスタイルです

import { faPhoneVolume } from "@fortawesome/pro-light-svg-icons";

とすれば利用できるかなと思ったのですが、

If you're trying to use a package make sure that '@fortawesome/pro-light-svg-icons' is installed. If you're trying to use a local file make sure that the path is correct.

というエラーが出ます。
エラー文通り

npm i --save @fortawesome/pro-light-svg-icons

をターミナルで実行でしたのですが、

npm ERR! 404 Not Found - GET https://registry.npmjs.org/@fortawesome%2fpro-light-svg-icons - Not found
npm ERR! 404
npm ERR! 404  '@fortawesome/pro-light-svg-icons@latest' is not in the npm registry.

になります。。。。
どうすればlightスタイルアイコンを使えますでしょうか？

Comments

[FKM]

proって有償版ですが、ライセンスは取得しているのでしょうか？

[tarotarotarotar]

はい、勤務している会社で取得しております。

[FKM]

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
も記述してますか？まずはReactにFontAwesomeIconをインポートする必要があります。
また、フリーのアイコンは表示させることはできていますか？

[tarotarotarotar]

ありがとうございます！
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
は記述しており、フリーのアイコンは表示できております。