ну в свое время по мотивам этой статьи https://habrahabr.ru/post/260777/
себе в header запихал типа
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
могу еще такой сервис порекомендовать http://realfavicongenerator.net/ (сразу сгенерирует нужный код)
