Сам генератор находится тут, куда и переходим для создания фавиконки:

Кроме создания, тут можно проверить существующую на сайте в данный момент, и как она выглядит на различных устройствах. Для этого нужно вписать свой домен ниже заголовка Check your favicon

Сам сайт на английском языке, но разобраться не сложно.

• Выбираем свою иконку, размером от 70х70px (рекомендуется не менее 260х260px) нажав Select your Favicon image
• Далее настраиваем все по своему вкусу. Описывать и делать скрины я не буду, т.к. ресурс не мой и все может поменяться в любой момент. Пробуйте различные варианты и наглядно смотрите будущий результат.
• Когда все настроено, нажимаем на Generate your Favicons and HTML code и немного ждем.
• Скачиваем архив, нажав Favicon package и закидываем все его файлы в корень сайта.
• А представленный ниже код, скорее всего такой:
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff">

  1 2 3 4 5 6 7

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff">

  добавляем в шапку сайта.

Все готово. Теперь заходим на главную и еще раз проверяем свой сайт.