Favicon в Next.js/React: подключение без боли
В Next.js проще всего держать файлы иконок в public и подключать их через стандартные механизмы framework.
Базовый подход
- Сгенерируйте набор favicon (ZIP).
- Положите файлы в папку /public (например /public/icons/).
- Подключите ссылки в <head> (metadata или <Head>).
Не забывайте manifest.json
Если у вас PWA или ярлык на Android — manifest обязателен.
FAQ
Нужен ли favicon.ico, если есть SVG?
Лучше иметь оба. ICO помогает со старой совместимостью и некоторыми сценариями.
Почему после деплоя видна старая иконка?
Чаще всего из-за кэша. Проверьте пути и сделайте принудительное обновление.