
Smashing Magazine we smash you with the information that will make your life easier. really.
Inspire Yourself: More Creative Favicons
March 29th, 2007 in Graphics | 44 Comments
Recently we’ve selected 50 Remarkable Favicons you can inspire yourself from. This follow-up is supposed to give you some more ideas for fresh, inspiring and creative favicon design.
Favicons, mini graphics for a particular web-site, can be displayed in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page.
Below you’ll find over 45 more beautiful favicons, which can serve as a nice source for inspiration. You can click on favicons - they lead to the page, which uses the image as a page icon.
Rounded Elements
Petal
Raster
| http://www.accessify.com | |
| http://www.axialis.com | |
| http://www.techdirt.com | |
| http://web.eglois.com | |
| http://christoph.stoepel.net | |
| http://www.bluehost.com/ | |
| http://www.ouvaton.coop |
Dark
| http://www.bloobseven.net | |
| http://www.bootlog.cl | |
| http://www.crobbo.com | |
| http://www.jamglue.com | |
| http://www.31three.com |
Squares
| http://www.bittbox.com | |
| http://www.modxcms.com | |
| http://www.triplecrowncs.com | |
| http://www.yourminis.com |
Misc.
Animated Favicons
Modern browsers can also show animated favicons, if the designer of a page provided some .gif-image as favicon. However, since the effect is sometimes obtrusive and disturbing, the animation is used rarely. Unless it’s used as shown in the example below. The effect remains subtle and surprising.
| http://www.antilimit.com |
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 45 Excellent Blog Designs
- 50 Beautiful Designs
- 50 Simple Designs
- 60 Elegant Designs
- 65 Excellent Flash Designs
- Stunning Desktop Wallpapers
- Stunning HDR Pictures
- Stunning Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- 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
- Domain Tools
- Dreamweaver Tutorials
- 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
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel art
- PNG Transparency
- Portfolios
- RSS Best Design Practices
- RSS Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Splash Pages
- Start Pages
- Stock Icons
- Tab-Based Interfaces
- Tag Clouds
- Textures & Backgrounds
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Web Profis Ideas 1, 2
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
Webtips
Sideblog
A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by by Sebastian Wrong.
One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.
Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.
Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.

Fully Personal Interface research is a survey where people are questioned about their interface preferences. Results: labels and icons should be placed on the left, horizontal menus are more popular than vertical ones.
Is Out Of This World a new old trend in modern web design? According to Gino Orlandi, more and more "sites have a space theme, where you can see planets, stars and nebula type effects."
DropClock is a screensaver in which every minute is numerically expressed with heavy Helvetica dropping into water in super slow-motion. Win, Mac. [via]





Nibbler (March 29th, 2007, 3:25 pm)
Some are nice but far from original. The first one is a copy of the new waiting cursor of vista. Dappit looks a lot like the old Flash logo.
Ryan Imel (March 29th, 2007, 10:12 pm)
Just a heads up. The favicon for Link [xiapdesign.com] is actually the default bluehost.com favicon. If you don’t set one up yourself bluehost uses theirs. I only know this because I use bluehost and have changed it before.
Vitaly Friedman & Sven Lennartz (March 29th, 2007, 10:41 pm)
thanks ryan for pointig this out. exchanged urls.
3stripe (March 29th, 2007, 11:57 pm)
I’ve always liked my own favion but then again I’m biased :)
It used to be animated as well but I found that a bit distracting after a while…
Bob (March 30th, 2007, 4:50 am)
None as great as mine! :)
Jermayn Parker (March 30th, 2007, 12:23 pm)
@BOB - Yours would have been better if it was rounded as the smiley face instead of odd shape and just cropped from the header image.
egojab (March 31st, 2007, 11:40 am)
@3stripe
are you sponsored by adidas, or just use their logo?
Ben Parsons (March 31st, 2007, 8:05 pm)
I realise it’s quite busy, but I like the animated Link [www.pokelondon.com] logo.
Alex Mos (April 2nd, 2007, 7:48 am)
I got one also I quite like :)
Great List!
anon (April 2nd, 2007, 9:24 am)
Link [www.celebrityprankcalling.com] relevant to your interests?
OverZero.it (April 3rd, 2007, 9:48 pm)
Nice list, thank you!
Chaoskaizer (April 4th, 2007, 3:23 am)
good list.
lots of variations i like the petals versions..
Link [tools.dynamicdrive.com] images > ico. might come in handy
David (April 4th, 2007, 6:53 pm)
Grande BOOTLOG, estan buenos los favicons. Me gustaron los dark y los square.
Saludos
D.
Jaime Ayala (April 4th, 2007, 8:41 pm)
two latinoamericans and chileans, that’s a great and pleasent surprise for us, great news for de chilean design. (again)
ce ache iiiiii!!!!!!!!!
rikzun (April 11th, 2007, 4:15 pm)
nice to see a .cl there :D
mom (June 14th, 2007, 10:45 pm)
Nice, i am on the right way with my little favicon. :-)
Roman (July 8th, 2007, 7:40 pm)
Nice icons! I liked Petal most of all.
webmaster (August 13th, 2007, 11:33 pm)
Totaally Sweet STUFF!
Konin (August 14th, 2007, 9:49 pm)
Very nice icons.
Syed Balkhi (August 23rd, 2007, 8:03 pm)
how about the one at Link [www.idk.in]
Dugu (September 1st, 2007, 4:53 pm)
Smashing magazine has an awesome favicon :)
lara (October 23rd, 2007, 1:03 am)
hi! I want to suggest another favicon, which I believe is very appealing and has a vergy good impact: Link [www.prahba.com]
isk (November 22nd, 2007, 7:25 am)
i like rounded elements=]
Baltic (December 10th, 2007, 4:37 pm)
I have forgot about this feature, that webpage can have icon, i dont now why=] But now i will create icons for every webpage. Thanks for idea
manu (March 23rd, 2008, 12:18 pm)
look at the favicon on Link [www.firmendb.de]
very creative!!!