
Smashing Magazine we smash you with the information that will make your life easier. really.
Favicons Episode 5: The Delicate Beauties
By Smashing Editorial, January 1st, 2008 in Graphics | 54 Comments | Forum
The New Year’s Eve is a tricky time for designers. Some of us eagerly analyze deadlines, define milestones and refine the time schedule for the upcoming year. The other ones discover the need to update footers and copyright statements on their web-sites (by the way, have you actually replaced “2007″ with “2008″ in your footer?). Still, even on the January 1st passionate designers continue to strive for inspiration in order to come up with fresh ideas for the ongoing projects.
If the latter is your case, is there really a better way to find the inspiration rather than in a fine gallery of excellent favicons - our not that secret and very lively passion? We’ve written a lot about favicons in the previous articles. If you’d like to find more inspiration or find out more about how they are actually created, take a closer look at the following articles and showcases:
- Part 1: Inspire Yourself: 50 Remarkable Favicons
- Part 2: Inspire Yourself: More Creative Favicons
- Part 3: Creative Favicons: When Small Is Beautiful
- Part 4: Creative Favicons: Tiny Artwork
Below you’ll find more examples of an excellent favicon design; we’ve collected these delicate beauties over the last three months.
Please notice that the favicons weren’t chosen simply because of their beauty; it’s been important to us that the favicon perfectly fits to the overall site design. All favicons are linked to the sites where they are used — you can click on them to get more insights into how favicon design can be related to the layout design.
50 Excellent Favicon Designs
This time our favourite favicon is the one used on a Russian web-site called Coalla. It’s a logo (a cute koala coala bear) cut in two halfs. Though it’s simple and uses only black and white, it looks surprising and funny, and is both appealing and memorable. In this case the idea matters more than the design itself.
And here are 49 more excellent Favicons:
![]()
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Stay in touch
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 75 JavaScript Techniques
- 70 Best Photoshop Tutorials
- 70 Best Illustrator Tutorials
- 53 CSS Techniques
- 50 Blog Designs
- 50 Graffiti Artworks
- 50 Brilliant Photos
- 50 Movie Posters
- 40 Free Fonts
- 40 Creative Layouts
- 35 Beautiful Icon Sets
- Beautiful Desktop Wallpapers
- Beautiful Macro Photos
- Beautiful Underwater Photos
- Free Design Templates
- Free CSS Layouts
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- AJAX Tutorials
- Badges and Pins
- Batch Image Processing
- Black & White Photography
- Block Quotes
- Blog Designs 1, 2, 3, 4, 5
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Clean Code
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- Drupal
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Font Management
- Form Design Patterns
- Forums
- Fractals
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graffiti
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- JavaScript Techniques
- jQuery
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Macro Photography
- Mascots
- Moleskine Art
- Motion Graphics
- Motion Blur Photos
- Movie Posters
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Actions
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Pricing Tables
- Product Designs
- Rain Photography
- RSS Best Design Practices
- RSS Feed Icons
- Screencasting
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Smoke Photography
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase 1 2, 3
- Underwater Photography
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Version Control Systems
- Vintage & Retro Posters
- Vintage & Retro Designs
- Vintage & Retro Tutorials
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Weblog Engines
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- Wordpress Toolbox
- WYSIWYG Editors
Fresh Bookmarks
25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.
Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.
20+ CSS Data Visualization Techniques
Get inspired.
CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.
Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,
Webdesign: Five Minute Upgrade
Making Your Design Pop.
45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.
The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.
10 Impressive JavaScript Animation Frameworks
Create stunning and eye-grabbing animation and transition effects.
Linux System Monitoring Tools Every SysAdmin Should Know
Need to monitor Linux server performance?
Blogroll
- Bittbox
- CatsWhoCode
- Colorburned
- Design Disease
- Designm.ag
- Deziner Folio
- Dr. Web Magazin (.de)
- Dr. Web Shop (.de)
- Freshome Blog
- FudgeGraphics
- I Love Typography
- MakeUseOf.com
- Naldzgraphics
- Noupe.com
- Pro Blog Design
- Search-This
- Six Revisions
- SmileyCat
- Spoon Graphics
- Typesites
- Usability Post
- Walyou
- Webdesigner Depot
- Weburbanist
- Wellmedicated








johno (January 1st, 2008, 1:23 pm)
SM’s is pretty good too. I must change mine.
Congratulations on your success in 2007. Hoping that 2008 will be an even better year for you. SM is the best!
Polo (January 1st, 2008, 1:36 pm)
Thanks a lot for the link, happy new year :)
Mark (January 1st, 2008, 4:41 pm)
I think the correct spelling is “Koala” Bear :)
Great list, thanks SM.
Kurt (January 1st, 2008, 5:16 pm)
Thanks for the link!
Chris Vincent (January 1st, 2008, 6:10 pm)
Wow, what a great selection… AGAIN
chris (January 1st, 2008, 6:23 pm)
@mark: nope, click and follow the link, thats how they spell it.
Kathy (January 1st, 2008, 6:38 pm)
I’ve been using this online favicon creator. It shows the result as you work on it, and you can save, publish and share.
Link [www.favicon.cc]
cemiotika (January 1st, 2008, 7:10 pm)
Happy new YEAR! smashing 2007, coming to smash 2008!,
Cheerz!,
Daniel (January 1st, 2008, 7:31 pm)
I love favicons but these small icons don’t get the attention they deserve. Why don’t you install the favatars plugin so comments with websites shows them ?
Asher (January 1st, 2008, 8:48 pm)
Koala is spelt with a k not a c. Calling it a Koala bear is incorrect as it is not a bear, in fact it is more closely related to the kangaroo.
Edi (January 1st, 2008, 10:25 pm)
great Fav’s
i would like to add that
has a great Fav icon
meandyou (January 1st, 2008, 11:05 pm)
Nicely chosen favicons! Vote for Your favourites or ad new ones at the favicon directory - faviconize.com
Nytryk (January 2nd, 2008, 1:23 am)
Carousel is another interesting approach for showcasing images. The script reads the data from a HTML- or XML-file and displays the images in a circle. Similar to iPhone, visitors can browse through the gallery sliding the mouse along the screen; alternatively also the keyboard can be used…
From - Link [www.smashingmagazine.com]
But now it was changed a 404 page :-(
Dear Friends,
I want this gallery. If you have that files please send me via gmail attachment to Link []
Haobam (January 2nd, 2008, 1:47 am)
I wonder when will technology allow us to put GIF icons… :)
Hrvoje (January 2nd, 2008, 2:55 am)
Very interesting favicon layouts. Maybe some animated in the loop soon?
Reminds me I need to make one for myself again :-).
Take care and have more of this.
Hrvoje Livnjak
bizri (January 2nd, 2008, 3:15 am)
wow .. :) very inspiring, thanks SM!
andy (January 2nd, 2008, 3:44 am)
Great selection, cheers. I did one a while back of a tree I was quite pleased with if you fancy a look here : Link [www.communitylandtrust.org.uk]
Steve Ranford (January 2nd, 2008, 4:24 am)
Very nice list again… good inspiration.
I quite like mine (shameless plug, I admit). First one I’ve ever done…
kerunt (January 2nd, 2008, 9:04 am)
Great collection!
However, the link for the hubpages.com is “semi-broken” - doesn’t point to the home page, but to a 404, instead. (You can still see the avatar.)
A bit too much CTRL-V I think ;)
Jeff Adams (January 2nd, 2008, 1:07 pm)
I love this article, the colours on the favicons are useful too well done!!!
Rob Y (January 2nd, 2008, 2:55 pm)
nice favicon Andy but ditch th etable layout :)
pingoogle (January 2nd, 2008, 8:18 pm)
Wow!!!!! cool favs!!! Inspiring. Thanks SM.
HAPPY NEW YEAR!!!!
Jez (January 3rd, 2008, 6:47 am)
It’s actually wrong to use the word ‘bear’ too.
Lucian Marin (January 3rd, 2008, 9:46 am)
Mine is better :P
hakan (January 3rd, 2008, 2:14 pm)
Great post. Thanks for that!!!
Jauhari (January 4th, 2008, 1:28 am)
Small is Beautiful ;)
dharma (January 4th, 2008, 6:16 am)
The dharma site does have a small beautiful favicon…
Dieter (January 10th, 2008, 6:36 am)
Wow, thanks guys for mentioning my favicon, but I just changed it… my I should bring back the old one?
cat (January 10th, 2008, 7:12 pm)
I really like your blog!
lily (January 10th, 2008, 7:13 pm)
I really like your blog!
wes (January 10th, 2008, 8:51 pm)
This is a good list. I actually need to review my favicons having seen this list.
Eniac (January 13th, 2008, 6:34 am)
Hope you ll like my new favicon
Check it out on
Link [www.furka.com]
Dezign robtoz (February 13th, 2008, 5:31 am)
Excellent collection of Fav Icons..Keep Going..I like tht Hypermax Icon
Forum Lover (March 8th, 2008, 8:33 am)
Cool set of favicons. I am wishing to use favicon too. Any1 can help creating one for me?
Jacky-JQ (June 12th, 2009, 7:57 pm)
Favicon Link [www.tokonita.com] look like Link [www.dafont.com] - logo_skate_2.ttf - h 0104
Link [www.pinyi.web.id] The favicon is real font !