Skip to content

Instantly share code, notes, and snippets.

@mathiasbynens

mathiasbynens/change-favicon.js

Created June 7, 2010 12:41
Show Gist options
  • Save mathiasbynens/428626 to your computer and use it in GitHub Desktop.
Save mathiasbynens/428626 to your computer and use it in GitHub Desktop.
Download ZIP
Dynamically changing favicons with JavaScript
Raw
change-favicon.js
/*!
* Dynamically changing favicons with JavaScript
* Works in all A-grade browsers except Safari and Internet Explorer
* Demo: http://mathiasbynens.be/demo/dynamic-favicons
*/
// HTML5™, baby! http://mathiasbynens.be/notes/document-head
document.head || (document.head = document.getElementsByTagName('head')[0]);
function changeFavicon(src) {
var link = document.createElement('link'),
oldLink = document.getElementById('dynamic-favicon');
link.id = 'dynamic-favicon';
link.rel = 'shortcut icon';
link.href = src;
if (oldLink) {
document.head.removeChild(oldLink);
}
document.head.appendChild(link);
}
@TigerMANEK426
Copy link

TigerMANEK426 commented Aug 19, 2019 •
edited

This is a VERY simple way to change the Favicon on your website.
link rel="icon" type="image/x-icon" href="STARTING FAVICON URL GOES HERE" id="icon" / ---- Add < at the start and > at the end for it to work!

<script type="text/javascript"> var url = 'YourURLHere'; function changeIcon() { document.getElementById("icon").href = url; } </script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment