Динамическое добавление иконок FontAwesome в NextJS

Существует множество способов добавления FontAwesome в проект NextJS.

Вот мой любимый и наиболее рекомендуемый подход.

Установите следующее:


1. 👉 React FontAwesome

npm install @fortawesome/react-fontawesome
Войдите в полноэкранный режим Выйти из полноэкранного режима

или

yarn add  @fortawesome/react-fontawesome
Войти в полноэкранный режим Выйти из полноэкранного режима

2. 👉 FontAwesome SVG Core

npm install @fortawesome/fontawesome-svg-core
Войти в полноэкранный режим Выйти из полноэкранного режима

или

yarn add  @fortawesome/fontawesome-svg-core
Войти в полноэкранный режим Выйти из полноэкранного режима

3. 👉 Fontawesome Free SVG Solid Icons

npm install @fortawesome/free-solid-svg-icons
Войти в полноэкранный режим Выйти из полноэкранного режима

или

yarn add  @fortawesome/free-solid-svg-icons
Войти в полноэкранный режим Выйти из полноэкранного режима

4. 👉 FontAwesome Free Brand Icons

npm install @fortawesome/free-brands-svg-icons
Войти в полноэкранный режим Выйти из полноэкранного режима

или

yarn add  @fortawesome/free-brands-svg-icons
Войти в полноэкранный режим Выйти из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий