Custom tab icon

Completed

Follow

Daniel Beardwell

04 December 2014 15:41

I'd like to add to change the icon (favicon) that shows on the tab of web browsers.

It is currently a folder for all sites by default but it would be nice to use a company logo to help differentiate between sites when multiple tabs are open. 

4

• 

  Mark Williams 06 February 2015 13:02

  It would be really useful to be able to change the favicon as this distinguishes the page from others.

   

  Is there an option to do this with javascript?

  0

  Comment actions Permalink
• 

  John Price 17 February 2015 09:28

  Its sort of possible in Javascript.. Doesn't seem to work in Internet Explorer or Safari though. You might want to experiment.

   

  (function() {
      var link = document.createElement('link');
      link.type = 'image/x-icon';
      link.rel = 'shortcut icon';
      link.href = 'http://www.siteicontouse.com/favicon.ico';
      document.getElementsByTagName('head')[0].appendChild(link);
  }());
  

  0

  Comment actions Permalink
• 

  Daniel Beardwell 17 February 2015 10:04

  I've had to upload my icon to a "Favicon Hosting and Icon Generator" site for the javascript to pickup the .ico, but that bit of Javascript seems to have done the trick nicely :-) 

  Many thanks John,
  Daniel 

  0

  Comment actions Permalink

Please sign in to leave a comment.