Как добавить значок в HTML
Три тега охватывают 99% случаев. Еще два дадут вам полную настройку уровня PWA.
3 мин чтения
Минимальный тег
<link rel="icon" href="/favicon.ico"> — вот и все. Каждый браузер получит его.
Современный рекомендуемый набор
Добавьте SVG и apple-touch-icon для четкого рендеринга на любой платформе:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">
PWA подсказки по установке
Добавьте файл Manifest.json с записями PNG размером 192×192 и 512×512, затем свяжите <link rel="manifest" href="/site.webmanifest">.