useFavicon

https://github.com/streamich/react-use/blob/master/docs/useFavicon.md

React side-effect hook sets the favicon of the page.

💡 Implementation

Pretty

Copy

1
const useFavicon = href => {
  useEffect(() => {
    const link =
      document.querySelector("link[rel*='icon']") ||
      document.createElement("link");
    link.type = "image/x-icon";
    link.rel = "shortcut icon";
    link.href = href;
    document.getElementsByTagName("head")[0].appendChild(link);
  }, [href]);
};
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

🚀 Usage

Pretty

Copy

1
function Demo() {
  useFavicon("https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico");
  return null;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

⚡Preview

🚨 console

💄 Improve this hook

Contributors

Raathigeshan