The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Adding a Favicon?

  • # June 9, 2009 at 8:29 am


    I have been doing some searching and checking for information on how to get a favicon to show up in my web site address line and also when the page is bookmarked.

    I made a favicon.ico file and placed it in the root folder. Now I am not sure what the code is for me to add it to my site. Any ideas? This is what I have so far:

    <link rel="shortcut icon" href=""&gt;

    I want it to show up in as many browsers as possible. Thanks for your help!

    # June 9, 2009 at 8:45 am

    basically you are on the right track… but to make it REALLY easy

    this will let you upload an image, favicon it, then give you the code…

    if you dont see it right away, its normally firefox being slow to update, even when you flush the cash… but it will be there. Safari is normally on the ball when you change you icon… But anyway, test in a diff browser and you might see it quicker.

    # June 9, 2009 at 8:50 am

    Did you put the favicon .ico file in the root directroy and the code in the header of each page?
    This is another favicon generator…

    # June 9, 2009 at 9:00 am

    Great, thanks for all your help!

    # July 20, 2009 at 11:30 am

    Hi guys…

    My problem is that my favicon appears in Mozilla and Safari but not in IE.. What should I do?

    This is my code:

    # July 20, 2009 at 11:48 am

    This reply has been reported for inappropriate content.

    Try emptying the cache in ie.

    # July 20, 2009 at 12:02 pm

    How can I do that? And actually I just need that my favicon will be seen in any client IE browser… so is this just a cache problem?

    # July 20, 2009 at 12:16 pm

    This reply has been reported for inappropriate content.

    I just found this which may help, but basically yes it’s to do with caching.

    # July 20, 2009 at 12:52 pm

    So useful link !! Thx !!

    I have cleared the cache and I also changed the favicon in .ico ( it’s no more .png ) for IE but it still doesn’t work…

    This function is not so clear for me actually: ExtractIcon() but maybe it will solve the problem…

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed