Every now and again we showcase fantastic favicons, those tiny pieces of art that you’ll find in your browser’s address bar or when rifling through your bookmarks. These little gems are important because they serve as visual indicators to help visitors easily identify content in their browser. That aside, favicons are just nice to look at, and way too many websites don’t make use of them. We want to change that, which is why we are presenting what is now the ninth episode in our favicons series: a small article with tiny images and fast loading time… for a change.

We’ve written numerous articles about favicons in the past. If you’d like to find out more, feel free to look at these posts:

Any picture’s merit is debatable. But notice that these favicons were chosen not simply for their beauty and originality; it was important to us also that each fit the overall website design and logo. Pay attention to the details of the design.

All favicons are linked, of course, to the websites from where they were taken (if they still exist). Click on them to get more insight into how favicon design relates to overall layout design. The order here does not indicate any ranking.

ivomynttinen

Of course, favicons are an important part of a professional website. What I dislike is the style of these posts by Smashingmagazine. This post is just a list of some images, what’s about the designers, the techniques used, maybe some basic informations about favicons (possible size, transparency, animatable?)?

cloddo

Sparky Teaching

I was quite pleased with my favicon until I saw these – now I’m going to attempt the bird character from my site. On a different note, thanks Smashing Magazine for the new newsletters – they’re really good!

James

Nick - Freelance Designer

After seeing one of these articles ages ago I made sure I had an interesting looking one for myself. bittenbydesign.com
and now I am thinking I should look at it again and try and get it using some negative space as well… It is always nice to see inspiring articles like this. Shame it makes more work for myself! ;-)

But since I am looking at a full rebrand of my site, it will have to wait until I am happy with the main design.

Sasha Baksht

Christopher

Anything you mentioned made plenty of sense. But, think about this, what happens if you included a little content? I am talking about, I dont want to explain how to run your web site, but imagine if you included anything to maybe get peoples attention? As being a video clip or a picture or two to get people interested in what you have to talk about. I believe, it would help make your blog become more active a bit more.

Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.

Meet Smashing Book #5, our new book on real-life responsive design. With front-end techniques and patterns from actual projects, it's a playbook to master all the tricky facets and hurdles of responsive design. Save 25% today.

Fixing RWD issues can be quite easy — once you understand exactly why they come up. The Mobile Web Handbook will help you understand technical issues on mobile and how to deal with them effectively.

Hungry for more content? Over 60 eBooks are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.

SmashingConf isn't the eighth wonder of the world, but we are pretty close. Join us at at the shores of Santa Monica for SmashingConf LA on April 27–30 or at SmashingConf NYC on June 15–18. You won't be disappointed.