Charity websites’ Favicons

While you’re browsing websites, see the icon in the left of your Internet browser’s address bar? The tiny picture that represents a website? If you save that website in your Favourites you’ll see the same picture come up when you look at your list of bookmarked websites. That icon is called a Favicon and your charity’s website should have one if you want your site to show out amongst all the other sites your visitors have bookmarked.

Here is a selection of well designed favicons. Can you guess which charities’ websites they’re from? Hover over the icon to find out, and click on the icon to visit their website.

WWF Ectopic Pregnancy Trust Starlight Children's Foundation Kiva Save the Children Amnesty Gates Foundation The RSA Diabetes UK Water Aid
Oxfam HEART UK Starlight Children's Foundation Help the Aged Walk the Walk Cafod Scouts Afasic Concern British Heart Foundation
National Autistic Society VSO Salvation Army AbilityNet Arthritis Research Campaign Woodland Trust St John Ambulance Terrance Higgins Trust One Macmillan
Candle Tributes Community Development Exchange Asthma UK Cure Action Aid Parkinson's UK Mission Australia Africa Now RSPCA YMCA
Olympics Peace Corps World Land Trust Survival International Mencap Art Fund eFolkMusic CleanUp Australia NSPCC NTEN


The best Favicons are miniature design wonders, summing up a website using only the minimum of space. They are also a test of a good logo: could you reduce your logo to 16 pixels high by 16 pixels wide and still recognise it? Here are some of my favourite Favicons from charity websites: clicking on them will take you to the website itself. You can probably guess the identity of some of these charities just from their icon.

Information Commissioner's OfficeHere is perhaps the most straightforwardly appropriate of all .ico files. It’s the favicon from the website of the Information Commisioner’s Office and yes, it’s simply the acronym ICO.

So, do you want a Favicon? Find out from the Wild Apricot blog how to add a Favicon to your website.

TwitterDeliciousFacebookDiggYahoo BookmarksLinkedInShare

Comments

  1. Ever since I started web-design, one of the first things that I wanted to find out what was , what is that mini icon and how can you add it to your web-site? I think they look great, the little WWF panda logo looks great!

    I also found out not long ago that when you make a favicon in photoshop (.ico) you can also have .png quality transparancy. this means that in places like firefox etc, your ico isn’t on a white background. Try it out, looks great!

  2. rjleaman says:

    That’s a great description of favicons – “miniature design wonders, summing up a website” – especially when you see how many of those favicons you show are instantly recognizable as representing a specific nonprofit organization: that’s a powerful lot of branding in a 16-px square!

  3. Tony says:

    The favicon is a very important finisher to any web site. The favicon for http://www.aldp.ie worked for us straight away. However, for our second web site http://www.addictionsearch.net the logo did not translate so well to the smaller size and we had to spend a little extra time on it! The new design is much better and should be up on the site soon. It was the finishing touch to the design of our new site.

  4. Design bit says:

    Thanks as you have just reminded me to add a favicon to my blog, they do finish off a website very well and also look great when you book mark a website.

  5. Design Jar says:

    Great ico’s. I especially like the wwf panda. really effective two tone logo.

  6. Rich says:

    These favicons are great! It’s a shame not everybody uses them even now in 2010.