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 Files
folder (inside afavicon
subfolder) - 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.