Установка

Процесс установки описан на официальной страницы фреймворка https://tailwindcss.com/docs/installation/tailwind-cli

После установки удобно прописать команду npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --watch в секцию "scripts" файла package.json. В таком случае её можно будет вызывать в облегченном синтаксисе.

"scripts": {
   "dev": "npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --watch"
 },

Запуск npm run dev
 

Подключение иконок

1. Устанавливаем плагин @iconify/tailwind4 . Плагин (@iconify/tailwind4) — это «движок». Он учит Tailwind понимать синтаксис icon-[...].
   npm install -D @iconify/tailwind4 @iconify-json/lucide @iconify-json/mdi
2. В input.css подключаем плагин
   @plugin "@iconify/tailwind4";
3. Ищем понравившуюся иконку тут => https://icon-sets.iconify.design/ 
   К примеру я хочу отобразить иконку

   . Она входит в надор иконок cuida и называется cuida--notification-bell-outline.
4. Устанавливаем этот набор с иконками
   npm install -D @iconify-json/cuida
5. Отображаем так:
   <span class="icon-[cuida--notification-bell-outline]"></span> или в купе с другими стилями Tailwind
<span class="icon-[cuida--notification-bell-outline] w-6 h-6 text-blue-500"></span>