Skip to content
Favicon Notifications / Alerts
JavaScript HTML Makefile
Branch: master
Clone or download
makeable Merge pull request #16 from Piicksarn/patch-1
add license config in package.json
Latest commit bac49b6 Mar 3, 2017

Notificon :: Client-side favicon notifications.

Notificon is a BSD licensed javascript class for providing client-side favicon notifications. Instead of requiring a number of favicons be created and served up to the client, you can specify a label and a favicon (default being the current favicon) and it will generate a favicon notification.

Example is available here

Browser Support

Due to browser limitations, Favicons can only be changed post-render in Chrome 6+ and Firefox 2+ and Opera. Other browsers are currently unsupported. Favicons must be served from the same domain due to browser security restrictions!

Basic Usage

  1. Include the notificon.js in your page
  2. Call Notificon(12) to overlay the number 12 on your favicon.

Advance Usage

Notificon can take 2 parameters - Notificon(label, options) where label is the text to overlay, and options can contain: favicon: the url of a 16x16 favicon (default current favicon) color: Color of the text (default #000000) stroke: Stroke/outline colour (default rgba(255,255,255,0.85))

An empty label will clear your favicon to its original state. e.g. Notificon();

Favicon_url defaults to your primary favicon (if specified in head, or with fallback to /favicon.ico)


Notificon is published as an ender package via NPM. Build ender with 'notificon' and use in the browser using the $ syntax: $.notificon(label, options)

You can’t perform that action at this time.