favico.js
Make use of your favicon with badges, images or videos
JavaScript library that adds notification badges, custom images, or live video to your browser tab's tiny favicon icon so users see updates without switching tabs.
Favico.js is a JavaScript library that lets you add badges, images, or video to your website's favicon, which is the small icon that appears in the browser tab. The most common use case is showing a notification count, like the number of unread messages, directly on the tab icon so users can see it without switching to the tab.
The README is sparse and does not include usage examples, pointing instead to the project's demo page for more detail. The changelog shows a history of features added over time: support for badge numbers larger than 9 and then larger than 999, font icon support (such as FontAwesome icons), webcam video in the favicon, configurable badge positions and font options, and various performance improvements.
Browser support is limited. Chrome, Firefox, and Opera are listed as supported. Internet Explorer, Edge, and Safari are not, with the README noting that Safari hides favicons entirely. The library is dual-licensed under GPL and MIT.
Where it fits
- Show an unread message count badge on the browser tab icon
- Display a notification number on the favicon without a push notification
- Add a FontAwesome icon to the favicon for visual status indicators
- Stream live webcam video into the browser tab favicon