Favicon not rendering on mac SafariPlease help me on this working for client.

Pravin Zade 1 Reputation point
2021-10-25T12:52:53.24+00:00

Favicon not rendering on mac SafariPlease help me on this working for a client

Microsoft Security | Microsoft Entra | Microsoft Entra External ID
{count} votes

1 answer

Sort by: Most helpful
  1. Shashi Shailaj 7,631 Reputation points Microsoft Employee Moderator
    2021-10-26T02:16:48.853+00:00

    @Pravin Zade I checked this and tried to see the code where favicon was being loaded. Its possible to download the icon using the URL .

       link href="https://stwaft.blob.core.windows.net/wa-container/favicon.ico" rel="shortcut icon" data-preload="true"  
    

    There are a few differences that I found as compared to other website favicons in your case . As per what I have found one or more of the following could be the possible cause for favicon not displaying in safari browser. And this would be by design of how safari renders the markup .

    1. I think in your case favicon is extremely small at 16x16 pixels . Could you please change it to be 32px X 32px pixels .
    2. Could you please change rel="shortcut icon" to rel="icon"
    3. Also could you please try specifying the type attribute as type="image/x-icon"

    Hope this information helps you solve the issue. In case you find some other solution , please do share the same with us . If this helps you solve the problem please accept the thread as answer to improve answer relevancy for the benefit of the community . Do let us know if this helped.

    Thank you.

    ----------------------------------------------------------------------------------------------------------------------------------------------------------

    • Please don't forget to click on 130616-image.png or upvote 130671-image.png button whenever the information provided helps you. Original posters help the community find answers faster by identifying the correct answer. Here is how
    • Want a reminder to come back and check responses? Here is how to subscribe to a notification
    • If you are interested in joining the VM program and help shape the future of Q&A: Here is how you can be part of Q&A Volunteer Moderators

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.