https://habr.com/ru/post/522844/

[html]

<link type="image/x-icon" rel="shortcut icon" href="/favicon.ico">
<link type="image/png" sizes="16x16" rel="icon" href="/favicon-16x16.png">
<link type="image/png" sizes="32x32" rel="icon" href="/favicon-32x32.png">
<link type="image/png" sizes="96x96" rel="icon" href="/favicon-96x96.png">
<link type="image/png" sizes="120x120" rel="icon" href="/favicon-120x120.png">
<link type="image/png" sizes="192x192" rel="icon" href="/android-icon-192x192.png">

<link sizes="57x57" rel="apple-touch-icon" href="/apple-touch-icon-57x57.png">
<link sizes="60x60" rel="apple-touch-icon" href="/apple-touch-icon-60x60.png">
<link sizes="72x72" rel="apple-touch-icon" href="/apple-touch-icon-72x72.png">
<link sizes="76x76" rel="apple-touch-icon" href="/apple-touch-icon-76x76.png">
<link sizes="114x114" rel="apple-touch-icon" href="/apple-touch-icon-114x114.png">
<link sizes="120x120" rel="apple-touch-icon" href="/apple-touch-icon-120x120.png">
<link sizes="144x144" rel="apple-touch-icon" href="/apple-touch-icon-144x144.png">
<link sizes="152x152" rel="apple-touch-icon" href="/apple-touch-icon-152x152.png">
<link sizes="180x180" rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">

<link color="#e52037" rel="mask-icon" href="/safari-pinned-tab.svg">

<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="msapplication-square70x70logo" content="/mstile-70x70.png">
<meta name="msapplication-square150x150logo" content="/mstile-150x150.png">
<meta name="msapplication-wide310x150logo" content="/mstile-310x310.png">
<meta name="msapplication-square310x310logo" content="/mstile-310x150.png">
<meta name="application-name" content="My Application">
<meta name="msapplication-config" content="/browserconfig.xml">

<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#ffffff">



[browserconfig.xml]

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
        <tile>
            <square70x70logo src="/mstile-70x70.png"/>
            <square150x150logo src="/mstile-150x150.png"/>
            <square310x310logo src="/mstile-310x310.png"/>
            <wide310x150logo src="/mstile-310x150.png"/>
            <TileColor>#ffc40d</TileColor>
        </tile>
    </msapplication>
</browserconfig>



[manifest.json]

{
	"name": "My Application",
	"short_name": "App",
	"description": "Application OK",
	"lang": "ru-Ru",
	"start_url": "/",
	"scope": "/",
	"display": "standalone",
	"theme_color": "#ffffff",
	"background_color": "#ffffff",
	"icons": [
		{
			"src": "\/res\/img\/icons\/android-icon-72x72.png",
			"sizes": "72x72",
			"type": "image\/png",
			"density": "1.5"
		},
		{
			"src": "\/res\/img\/icons\/android-icon -96x96.png",
			"sizes": "96x96",
			"type": "image\/png",
			"density": "2.0"
		},
		{
			"src": "\/res\/img\/icons\/android-icon-144x144.png",
			"sizes": "144x144",
			"type": "image\/png",
			"density": "3.0"
		},
		{
			"src": "\/res\/img\/icons\/android-icon-192x192.png",
			"sizes": "192x192",
			"type": "image\/png",
			"density": "4.0"
		},
		{
			"src": "\/res\/img\/icons\/android-icon-512x512.png",
			"sizes": "512x512",
			"type": "image\/png"
		}
	]
}