Favicon – иконка сайта, выводится во вкладке браузера и поисковой выдаче Яндекса.
Ранее, чтобы прописать иконку для всех браузеров и поисков использовалась такая конструкция:
<!-- IE -->
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- Все другие -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">Сейчас лучше использовать три варианта – SVG, PNG размером 120×120 и ICO 16×16.
<link rel="icon" href="/favicon.svg" type="image/svg">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon.ico" type="image/x-icon">Также есть возможность указать иконки разных размеров атрибутом sizes.
<link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48.png" sizes="48x48">
<link rel="icon" type="image/png" href="/favicon-96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-144.png" sizes="144x144">
<link rel="icon" type="image/png" href="/favicon-192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-194.png" sizes="194x194">
