
Smashing Magazine we smash you with the information that will make your life easier. really.
Inspire Yourself: More Creative Favicons
By Smashing Editorial, March 29th, 2007 in Graphics | 57 Comments | Forum
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
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
22 Free Seamless Vector Pattern Resources Perfect For Web Design
A collection of resources and articles related to vector patterns.
10 New PHP Content Management Systems
All based on PHP.
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.
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








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
Amyobus Key (July 13th, 2008, 3:41 pm)
You can get an animated favicon if you can find the instructions at the Angel of the Garden’s favicon instruction page.
mike (January 15th, 2009, 6:39 am)
how about the favicon at: Link [www.stephanieBlakey.me.uk] - not many sites make use of a photo!