How do I get Safari 9 to use my new pinned tab icon?











up vote
8
down vote

favorite
2












Safari 9 on OSX supports showing icons on its new pinned tabs, using the following syntax:



<link rel="mask-icon" color="red" href="/mask-icon.svg">


However after adding this line, reloading my page, and pinning the tab, the icon doesn't show up.



How do I tell it to refresh the icon?










share|improve this question













migrated from webmasters.stackexchange.com Sep 18 '15 at 16:54


This question came from our site for pro webmasters.



















    up vote
    8
    down vote

    favorite
    2












    Safari 9 on OSX supports showing icons on its new pinned tabs, using the following syntax:



    <link rel="mask-icon" color="red" href="/mask-icon.svg">


    However after adding this line, reloading my page, and pinning the tab, the icon doesn't show up.



    How do I tell it to refresh the icon?










    share|improve this question













    migrated from webmasters.stackexchange.com Sep 18 '15 at 16:54


    This question came from our site for pro webmasters.

















      up vote
      8
      down vote

      favorite
      2









      up vote
      8
      down vote

      favorite
      2






      2





      Safari 9 on OSX supports showing icons on its new pinned tabs, using the following syntax:



      <link rel="mask-icon" color="red" href="/mask-icon.svg">


      However after adding this line, reloading my page, and pinning the tab, the icon doesn't show up.



      How do I tell it to refresh the icon?










      share|improve this question













      Safari 9 on OSX supports showing icons on its new pinned tabs, using the following syntax:



      <link rel="mask-icon" color="red" href="/mask-icon.svg">


      However after adding this line, reloading my page, and pinning the tab, the icon doesn't show up.



      How do I tell it to refresh the icon?







      favicon safari






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Sep 18 '15 at 16:08









      Caesium

      24129




      24129




      migrated from webmasters.stackexchange.com Sep 18 '15 at 16:54


      This question came from our site for pro webmasters.






      migrated from webmasters.stackexchange.com Sep 18 '15 at 16:54


      This question came from our site for pro webmasters.
























          4 Answers
          4






          active

          oldest

          votes

















          up vote
          10
          down vote



          accepted










          Safari is very keen to cache these icons, and indeed the lack of them. Once it has decided there is (or is not) an icon on your site, it will retain that knowledge, potentially for a very long time, and no amount of restarting or refreshing will change that.



          You can encourage it to re-check for icons by deleting the contents of the following folder:



          ~/Library/Safari/Template Icons


          And then restarting Safari.






          share|improve this answer

















          • 1




            That directory doesn't exist for me?
            – Jonathon Hill
            Nov 25 '15 at 17:28










          • This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
            – mix3d
            Mar 21 '17 at 1:46


















          up vote
          1
          down vote













          Unpin any pins you want to reload then restart safari. Click on the 'go' menu in the finder toolbar and hold down the option key, this reveals the hidden Library directory.



          Navigate to the safari directory in the library folder and delete the template icons folder.



          This resets the cache safari keeps for icons.



          Start Safari and pin away!






          share|improve this answer




























            up vote
            0
            down vote













            Open Safari, click "Safari", "Clear History...", then click the button "Clear History".



            Screenshot



            That worked for me.






            share|improve this answer




























              up vote
              0
              down vote














              1. Open Safari > Develop > Empty Caches.

              2. Refresh the page


              Note: If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”



              That did the trick for me ;)






              share|improve this answer





















                Your Answer








                StackExchange.ready(function() {
                var channelOptions = {
                tags: "".split(" "),
                id: "3"
                };
                initTagRenderer("".split(" "), "".split(" "), channelOptions);

                StackExchange.using("externalEditor", function() {
                // Have to fire editor after snippets, if snippets enabled
                if (StackExchange.settings.snippets.snippetsEnabled) {
                StackExchange.using("snippets", function() {
                createEditor();
                });
                }
                else {
                createEditor();
                }
                });

                function createEditor() {
                StackExchange.prepareEditor({
                heartbeatType: 'answer',
                convertImagesToLinks: true,
                noModals: true,
                showLowRepImageUploadWarning: true,
                reputationToPostImages: 10,
                bindNavPrevention: true,
                postfix: "",
                imageUploader: {
                brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
                contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
                allowUrls: true
                },
                onDemand: true,
                discardSelector: ".discard-answer"
                ,immediatelyShowMarkdownHelp:true
                });


                }
                });














                draft saved

                draft discarded


















                StackExchange.ready(
                function () {
                StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f974909%2fhow-do-i-get-safari-9-to-use-my-new-pinned-tab-icon%23new-answer', 'question_page');
                }
                );

                Post as a guest















                Required, but never shown

























                4 Answers
                4






                active

                oldest

                votes








                4 Answers
                4






                active

                oldest

                votes









                active

                oldest

                votes






                active

                oldest

                votes








                up vote
                10
                down vote



                accepted










                Safari is very keen to cache these icons, and indeed the lack of them. Once it has decided there is (or is not) an icon on your site, it will retain that knowledge, potentially for a very long time, and no amount of restarting or refreshing will change that.



                You can encourage it to re-check for icons by deleting the contents of the following folder:



                ~/Library/Safari/Template Icons


                And then restarting Safari.






                share|improve this answer

















                • 1




                  That directory doesn't exist for me?
                  – Jonathon Hill
                  Nov 25 '15 at 17:28










                • This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
                  – mix3d
                  Mar 21 '17 at 1:46















                up vote
                10
                down vote



                accepted










                Safari is very keen to cache these icons, and indeed the lack of them. Once it has decided there is (or is not) an icon on your site, it will retain that knowledge, potentially for a very long time, and no amount of restarting or refreshing will change that.



                You can encourage it to re-check for icons by deleting the contents of the following folder:



                ~/Library/Safari/Template Icons


                And then restarting Safari.






                share|improve this answer

















                • 1




                  That directory doesn't exist for me?
                  – Jonathon Hill
                  Nov 25 '15 at 17:28










                • This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
                  – mix3d
                  Mar 21 '17 at 1:46













                up vote
                10
                down vote



                accepted







                up vote
                10
                down vote



                accepted






                Safari is very keen to cache these icons, and indeed the lack of them. Once it has decided there is (or is not) an icon on your site, it will retain that knowledge, potentially for a very long time, and no amount of restarting or refreshing will change that.



                You can encourage it to re-check for icons by deleting the contents of the following folder:



                ~/Library/Safari/Template Icons


                And then restarting Safari.






                share|improve this answer












                Safari is very keen to cache these icons, and indeed the lack of them. Once it has decided there is (or is not) an icon on your site, it will retain that knowledge, potentially for a very long time, and no amount of restarting or refreshing will change that.



                You can encourage it to re-check for icons by deleting the contents of the following folder:



                ~/Library/Safari/Template Icons


                And then restarting Safari.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Sep 18 '15 at 16:08









                Caesium

                24129




                24129








                • 1




                  That directory doesn't exist for me?
                  – Jonathon Hill
                  Nov 25 '15 at 17:28










                • This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
                  – mix3d
                  Mar 21 '17 at 1:46














                • 1




                  That directory doesn't exist for me?
                  – Jonathon Hill
                  Nov 25 '15 at 17:28










                • This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
                  – mix3d
                  Mar 21 '17 at 1:46








                1




                1




                That directory doesn't exist for me?
                – Jonathon Hill
                Nov 25 '15 at 17:28




                That directory doesn't exist for me?
                – Jonathon Hill
                Nov 25 '15 at 17:28












                This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
                – mix3d
                Mar 21 '17 at 1:46




                This directory won't be created until a pinned site has downloaded a pinned icon. Try Apple's website to kickstart it.
                – mix3d
                Mar 21 '17 at 1:46












                up vote
                1
                down vote













                Unpin any pins you want to reload then restart safari. Click on the 'go' menu in the finder toolbar and hold down the option key, this reveals the hidden Library directory.



                Navigate to the safari directory in the library folder and delete the template icons folder.



                This resets the cache safari keeps for icons.



                Start Safari and pin away!






                share|improve this answer

























                  up vote
                  1
                  down vote













                  Unpin any pins you want to reload then restart safari. Click on the 'go' menu in the finder toolbar and hold down the option key, this reveals the hidden Library directory.



                  Navigate to the safari directory in the library folder and delete the template icons folder.



                  This resets the cache safari keeps for icons.



                  Start Safari and pin away!






                  share|improve this answer























                    up vote
                    1
                    down vote










                    up vote
                    1
                    down vote









                    Unpin any pins you want to reload then restart safari. Click on the 'go' menu in the finder toolbar and hold down the option key, this reveals the hidden Library directory.



                    Navigate to the safari directory in the library folder and delete the template icons folder.



                    This resets the cache safari keeps for icons.



                    Start Safari and pin away!






                    share|improve this answer












                    Unpin any pins you want to reload then restart safari. Click on the 'go' menu in the finder toolbar and hold down the option key, this reveals the hidden Library directory.



                    Navigate to the safari directory in the library folder and delete the template icons folder.



                    This resets the cache safari keeps for icons.



                    Start Safari and pin away!







                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered Apr 20 '16 at 17:46









                    Julianna Green

                    111




                    111






















                        up vote
                        0
                        down vote













                        Open Safari, click "Safari", "Clear History...", then click the button "Clear History".



                        Screenshot



                        That worked for me.






                        share|improve this answer

























                          up vote
                          0
                          down vote













                          Open Safari, click "Safari", "Clear History...", then click the button "Clear History".



                          Screenshot



                          That worked for me.






                          share|improve this answer























                            up vote
                            0
                            down vote










                            up vote
                            0
                            down vote









                            Open Safari, click "Safari", "Clear History...", then click the button "Clear History".



                            Screenshot



                            That worked for me.






                            share|improve this answer












                            Open Safari, click "Safari", "Clear History...", then click the button "Clear History".



                            Screenshot



                            That worked for me.







                            share|improve this answer












                            share|improve this answer



                            share|improve this answer










                            answered Nov 18 '16 at 8:42









                            Flimm

                            4,32722032




                            4,32722032






















                                up vote
                                0
                                down vote














                                1. Open Safari > Develop > Empty Caches.

                                2. Refresh the page


                                Note: If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”



                                That did the trick for me ;)






                                share|improve this answer

























                                  up vote
                                  0
                                  down vote














                                  1. Open Safari > Develop > Empty Caches.

                                  2. Refresh the page


                                  Note: If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”



                                  That did the trick for me ;)






                                  share|improve this answer























                                    up vote
                                    0
                                    down vote










                                    up vote
                                    0
                                    down vote










                                    1. Open Safari > Develop > Empty Caches.

                                    2. Refresh the page


                                    Note: If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”



                                    That did the trick for me ;)






                                    share|improve this answer













                                    1. Open Safari > Develop > Empty Caches.

                                    2. Refresh the page


                                    Note: If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”



                                    That did the trick for me ;)







                                    share|improve this answer












                                    share|improve this answer



                                    share|improve this answer










                                    answered Nov 21 at 14:28









                                    ian

                                    1




                                    1






























                                        draft saved

                                        draft discarded




















































                                        Thanks for contributing an answer to Super User!


                                        • Please be sure to answer the question. Provide details and share your research!

                                        But avoid



                                        • Asking for help, clarification, or responding to other answers.

                                        • Making statements based on opinion; back them up with references or personal experience.


                                        To learn more, see our tips on writing great answers.





                                        Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                                        Please pay close attention to the following guidance:


                                        • Please be sure to answer the question. Provide details and share your research!

                                        But avoid



                                        • Asking for help, clarification, or responding to other answers.

                                        • Making statements based on opinion; back them up with references or personal experience.


                                        To learn more, see our tips on writing great answers.




                                        draft saved


                                        draft discarded














                                        StackExchange.ready(
                                        function () {
                                        StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f974909%2fhow-do-i-get-safari-9-to-use-my-new-pinned-tab-icon%23new-answer', 'question_page');
                                        }
                                        );

                                        Post as a guest















                                        Required, but never shown





















































                                        Required, but never shown














                                        Required, but never shown












                                        Required, but never shown







                                        Required, but never shown

































                                        Required, but never shown














                                        Required, but never shown












                                        Required, but never shown







                                        Required, but never shown







                                        Popular posts from this blog

                                        AnyDesk - Fatal Program Failure

                                        How to calibrate 16:9 built-in touch-screen to a 4:3 resolution?

                                        QoS: MAC-Priority for clients behind a repeater