How to set icon and splash on browser


#1

About ionic’s browser.
In android, I accessed it from the URL and added it to the home screen.
However, the ionic default icon is displayed for the home screen icon.
Also, splash at startup will show the default ionic.
How can I set the icon and splash I set for myself?


#2

For a PWA:

iOS:

<head>

  ...

  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Brew">

  <meta name="theme-color" content="#488aff">

  <link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png">
  <link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg" color="#5bbad5">

  <link rel="manifest" href="manifest.json">

</head>

Android uses manifest.json


#3

It worked well! !
Thank you! !