I've searched all over the internet already and I still don't know why the favicon wont show on safari, it shows on chrome and all browser, I've tried these in the header tried some script :
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicon_2.png">
<link rel="mask-icon" href="{{ base_path }}/images/safari-pinned-tab.svg" color="#000000">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
and ico format also checked.
please help me
Hi Rupesh,
I think you can raise a ticket with OutSystems to get help. Currently, we're unable to display favicons on Safari.
More you can refer to this document:
https://success.outsystems.com/documentation/how_to_guides/front_end/how_to_change_a_favicon/
Thanks
Hello Rupesh,
I suggest to open Safari web inspector and check if there is any error into console related to icon.
You can open web inspector by following these steps: https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
You can also check following links which may help
https://eshop.macsales.com/blog/85621-how-to-enable-safari-tab-favicons-in-macos-ventura/#:~:text=If%20you%20aren't%20seeing%20favicons%2C%20close%20and%20restart%20Safari.&text=Click%20the%20Tabs%20tab%20at,Show%20website%20icons%20in%20tabs.
https://stackoverflow.com/questions/68885882/favicon-not-displaying-on-safari
Hello Mostafa Othman
I was already tried all above links but not working. I have checked officially template also but favicon not showing in safari. I think it is a common outsystems issue. Any solution please help me
and also I checked console no error there favicon icon related
You have added this line
add this line also
<link rel="icon" href="/images/favicon.ico">
Hope this helps
Hi Neha,
Thanks. But I have added both line also but not working
<link rel="mask-icon" href="/Faviconcheck/faviconico.ico >
<link rel="icon" href="/Faviconcheck/faviconico.ico">
Hello Neha,
I have raised the support ticket and this functionality is only Chrome, Firefox and Edge. Outsystems side mail received below:
We understand that you're reporting an incident regarding the favicon not showing up in Safari while it is showing up in Chrome and other browsers. However, the availability of this feature for Safari has not been released yet and it is limited to Chrome, Firefox and Edge as described in our documentation How to change a favicon.
Additionally, we would like to share that our engineering team is already working on this matter through the RPM-4739 that we linked to your ticket, please note that we don't have any release date for this.