Live Favicon

width: Width of the badge bubble
height: Height of the badge bubble
font: CSS font style for the badge text
colour: Text color inside the badge
background: Background color of the badge
fallback: Show count in page title if favicon updates aren't supported
abbreviate: Shorten large numbers (e.g., 1000 → 1k)

Favicon Notification (Tinycon Alternative)

                    
                // Set the badge number
                Tinycon.setBubble(6);

                // Customize appearance
                Tinycon.setOptions({
                    width: 7,
                    height: 9,
                    font: '10px Arial',
                    colour: '#ffffff',
                    background: '#549A2F',
                    fallback: true
                });

Display Notifications on Favicon

Tinycon is a small library that lets you add dynamic notifications to the browser tab favicon. You can show badge counts, change icon colors, and provide visual alerts when the user’s attention is needed.

For browsers that don’t support canvas or dynamic favicons, Tinycon automatically falls back to updating the document title with a count.

Set Icon to 1 Set Icon to 1000 Set Icon to "In" Set Icon with Custom Color