When we try to set browser link to the Rouncube Web UI URL as a Android application placed on main smartphone screen, the app icon is too small.
How to implement declarations such as follow:
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/.pixmaps/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/.pixmaps/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/.pixmaps/favicon/favicon-16x16.png">
<link rel="manifest" href="/.pixmaps/favicon/site.webmanifest">
<link rel="mask-icon" href="/.pixmaps/favicon/safari-pinned-tab.svg" color="#b2b2b2">
<link rel="shortcut icon" type="image/x-icon" href="/.pixmaps/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#b91d47">
<meta name="msapplication-config" content="/.pixmaps/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
to the
<head>
</head>
tag?
You can add them in a skins meta.json file https://github.com/roundcube/roundcubemail/wiki/Skins#metajson I would suggest making changes by extending an existing skin https://github.com/roundcube/roundcubemail/wiki/Skins#extending-skins
Thanks a lot!!!
This is a best solution.
Also we can add nginx server record:
Quotelocation ~ ^/favicon.ico$ {
root /<your path in FS>/skins/elastic/favicon;
expires 30d;
}