favico.js  use of your favicon with badges, images or videos

favico.js use of your favicon with badges, images or videos. You can craete your video,images and badges as favicon using favico.js

Badge options

Attribute Default
bgColor #d00 Badge background color
textColor #fff Badge text color
fontFamily sans-serif Text font family (Arial, Verdana, Times New Roman, serif, sans-serif,...)
fontStyle bold Font style (normal, italic, oblique, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900)
type circle Badge shape (circle, rectangle)
position down Badge position (up, down, left, upleft)
animation slide Badge animation type (slide, fade, pop, popFade, none )
elementId false Image element ID if there is need to attach badge to regular image


  • More options (Badge position, animations,...)
  • Support for mobile shortcut icons (if possible)
  • Support Safari browser (if possible)
  • Support IE browser (if possible)


  • Don't use favicons that are on different domain than your site
    If your page is on http://example.com your favicon needs to be also on http://example.com/favico.ico (not http://static.example.com or http://cdn.example.com).
  • Bookmark problem Issue #23
    Sollution: Attach favico reset method on page unload event
  • Use only one instance ( new Favico() ) of favico.js
  • Safari & IE


All code is open source and dual licensed under GPL and MIT. Check the individual licenses for more information.

Demo Download

About The Massive Technolab

Who We Are

Massive Technolab is a Leading IT services Company in India that expertise in web Development, Web Design and SEO at affordable rates.

Leave a Comment

comments powered by Disqus