How to add an animated favicon.ico

To add an animated favicon.ico instead of statics favicon.ico for your blog or website is not that difficult. Here are the steps to create and insert an animated favicon.ico:

  1. Create an animated gif file.
  2. Rename the file extension to .ico.
    favicon.gif -> Rename -> favicon.ico
  3. Upload it to your website. For example:
  4. Edit your header.php or index.php. Depend on what CMS you’re using. Add the following:
    <link rel=”icon” href=”” type=”image/favicon-icon” />

Now the animated gif should appear in the address bar of your web browser or bookmark section. So far, only Mozilla Firefox and Opera can display animated icon, and Internet Explorer didn’t support it.

Note: Animated sequences can be very distracting. :idea:

Related Posts Plugin for WordPress, Blogger...
Suscribe Now!Subscribe to get free latest updates by email. Like Us!Like our Facebook Page.

LIKE It & Leave A Comments

4 Responses to How to add an animated favicon.ico

  1. How can I make the favicon roll from up to down?

  2. Kay says:

    @animatedfavicon: u can to create an animated GIF by Flash or any other softwares.

  3. I use free tool at This one works great and its fast

Leave a Reply