Для добавления всех иконок для различных устройств и платформ в тег <head> HTML-документа, можно использовать следующий код:
<!-- Favicon для большинства браузеров -->
<link rel="icon" type="image/png" sizes="32x32" href="/path/to/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/path/to/favicon-16x16.png">
<!-- Apple Touch Icon для iOS устройств -->
<link rel="apple-touch-icon" sizes="180x180" href="/path/to/apple-touch-icon.png">
<!-- Иконки для Android -->
<link rel="icon" type="image/png" sizes="192x192" href="/path/to/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/path/to/android-chrome-512x512.png">
<!-- Manifest для Android и других устройств -->
<link rel="manifest" href="/path/to/site.webmanifest">
<!-- Mask Icon для Safari на macOS -->
<link rel="mask-icon" href="/path/to/safari-pinned-tab.svg" color="#5bbad5">
<!-- Иконка для Windows (IE/Edge) -->
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/path/to/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
Этот код поддерживает иконки для большинства современных устройств, включая десктопные браузеры, iOS, Android, и Windows. Обязательно замените href на реальные пути к вашим иконкам.
