Thanks to Plamen
Adding favicon for your application
- Create a PNG image – with dimensions 256×256 pixels. You can use Photoshop or any other editing software.
- Go to https://realfavicongenerator.net/ and generate an .ico file. Alternatively, use a tool of your preference and generate .ico files both 32×32 and 16×16 pixels.
- Download the .zip archive generated to your local machine.
- Upload the files from the archive into your
Application Static Filesfolder (inside afaviconsubfolder) - Add the following to your
Shared Components>User Inteface section,User Interface Attributes>Favicon>Favicon HTML
| 1234567 | <link rel="shortcut icon" href="#APP_IMAGES#favicon/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="#APP_IMAGES#favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="#APP_IMAGES#favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="#APP_IMAGES#favicon/favicon-16x16.png"><link rel="mask-icon" href="#APP_IMAGES#favicon/safari-pinned-tab.svg" color="#5bbad5"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"> |
*Note that the filenames should match the ones you have uploaded into Application Static Files earlier.