reactuals/dist/hooks/useFavicon.js

A useful package providing a collection of 50+ React hooks and utilities to simplify React development.

import { useEffect } from "react";
/**
 * Dynamically sets the favicon.
 *
 * Example:
 * useFavicon("/logo-dark.ico");
 */
export function useFavicon(href) {
    useEffect(() => {
        let link = document.querySelector("link[rel~='icon']");
        if (!link) {
            link = document.createElement("link");
            link.rel = "icon";
            document.head.appendChild(link);
        }
        link.href = href;
    }, [href]);
}