<!-- Chrome, Firefox OS and Opera 手机版生成桌面图标 -->
<meta name="theme-color" content="#395ca3"/>
<link rel="icon" sizes="192x192" href="/logo/android-192x192.png"/>
 
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="apple-touch-icon" href="/logo/apple-152x152.png"/>

<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#395ca3"/>
<meta name="msapplication-TileColor" content="#395ca3"/>
<meta name="msapplication-TileImage" content="/logo/windows-144x144.png"/>

代码插入index.html的头部 meta

logo文件夹里的图片替换成自己的图标

最后的效果如下，苹果或者安卓自带的浏览器，添加到桌面就会再桌面形成一个带logo的app快捷方式。

来源：https://discuz.chat/thread/45457