Исправьте favicon, который не отображается или не обновляется

В App Router Next.js строит ссылки на иконку из файлов в каталоге app. Ошибитесь в имени файла — и не будет выведено ничего. В Pages Router конвенции нет вообще. Определите, с чем именно вы столкнулись, и решение станет очевидным.

Файл изменился, а вкладка — нет. В Next.js это один из трёх кэшей: хранилище favicon браузера, устаревшая сборка .next или CDN, отдающий старые байты. Исключайте их в этом порядке.

React рендерит в DOM-узел и никогда не трогает head, поэтому favicon живёт в статическом HTML-файле. Пустая вкладка означает, что тег link в этом файле неверен, или иконку импортировали из src, и она больше не находится по фиксированному пути.

Вы заменили файл, а вкладка сохранила старую иконку. В React-приложении это либо браузер, кэширующий favicon, либо вывод сборки и CDN, всё ещё отдающие прежнюю копию из public/.

Vite копирует public/ в корень вывода и переписывает index.html на этапе сборки. Favicon, который работает в dev и даёт 404 в продакшене, почти всегда имеет сегмент public/ в пути или был импортирован из src и получил хэш.

Одностраничный компонент Vue не может отрендерить тег link в head, поэтому favicon объявляется в index.html: в корне проекта под Vite, внутри public/ под Vue CLI. Пустая вкладка означает, что тег в этом файле неверен.

Angular копирует статические файлы, только если конфигурация сборки прямо об этом говорит. Иконка, не попавшая под запись assets в angular.json, никогда не доходит до dist. Сборка проходит успешно, а файла нет.

Astro копирует public/ в вывод без изменений, но никогда не вставляет теги иконки за вас. Пустая вкладка означает, что ссылки нет в макете, который используют ваши страницы, или страница отрендерила собственный элемент html и пропустила макет.

WordPress не отдаёт favicon из файла, который вы кладёте в тему. Он выводит теги иконки из одной настройки «Значок сайта», и пустая вкладка почти всегда означает, что эта настройка не была применена или с ней конфликтует тема.

Вы задали новый «Значок сайта», а старый не сдвигается. В WordPress это почти всегда слой кэширования (плагин кэша страниц или CDN, отдающие устаревший HTML), а вторым подозреваемым идёт собственный кэш favicon браузера.

В Shopify favicon — это настройка темы, а не файл на сервере. Тема выводит одну ссылку на иконку из изображения, которое вы выбираете в редакторе, поэтому пустая вкладка означает, что он не задан, вы редактировали не ту тему или формат был отклонён.

Вы выбрали новый favicon, а живой магазин по-прежнему показывает старый. В Shopify это почти всегда черновик темы, который так и не опубликовали, или CDN изображений и браузер, кэширующие прежнюю иконку.