Вот несколько способов использования значков Font Awesome с Bootstrap 4:

1. CDN: вы можете включить CSS-файл Font Awesome, добавив следующий тег ссылки в раздел вашего HTML-файла:

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

2. Загрузить и разместить локально. Вы можете загрузить CSS-файл Font Awesome с официального сайта ( https://fontawesome.com/ ) и разместить его на своем сервере. Затем включите его в свой HTML-файл, используя аналогичный тег ссылки, как показано в методе CDN.

3. Пакет NPM. Если вы используете менеджер пакетов, например NPM, вы можете установить Font Awesome в качестве зависимости в своем проекте. Откройте интерфейс командной строки и выполните следующую команду:

   npm install @fortawesome/fontawesome-free

   После установки вы можете импортировать CSS-файл Font Awesome в свои файлы JavaScript или CSS.

4. Использование BootstrapCDN. Если вы уже используете Bootstrap 4 из CDN, вы можете включить значки Font Awesome, добавив следующий тег ссылки после тега ссылки Bootstrap:

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<i class="fas fa-search"></i>

Этот код отобразит значок поиска.