A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browers that don't support canvas or dynamic favicons.

See the Live Demo here.

Tinycon adds a single object to the global namespace and does not require initialisation.

    Tinycon.setBubble(6);

Tinycon can take a range of options to customise the look

• width: the width of the alert bubble

• height: the height of the alert bubble

• font: a css string to use for the fontface (recommended to leave this)

• colour: the foreground font colour

• background: the alert bubble background colour

• fallback: should we fallback to a number in brackets for browsers that don't support canvas/dynamic favicons

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

• Chrome 16+
• Firefox 9+
• Opera 11+

Tinycon is released under the MIT license. It is simple and easy to understand and places almost no restrictions on what you can do with Tinycon. More Information

Tinycon was inspired by Notificon

Releases are available for download from GitHub.