
Smashing Magazine we smash you with the information that will make your life easier. really.
Favicon Episode 6: Black, Abstract and Hand-Drawing
March 21st, 2008 in Graphics | 45 Comments
Every now and again we showcase beautiful favicons — tiny pieces of art you’ll usually find only if you are looking for them or search we stumble through your bookmarks. We’ve written enough about favicons in our recent posts. If you’d like to find out more about them, feel free to take a look at our previous posts:
- Episode 1: Inspire Yourself: 50 Remarkable Favicons
- Episode 2: Inspire Yourself: More Creative Favicons
- Episode 3: Creative Favicons: When Small Is Beautiful
- Episode 4: Creative Favicons: Tiny Artwork
- Episode 5: The Delicate Beauties
Below you’ll find 50 more outstanding little pieces of art. Please notice that these favicons weren’t chosen simply because of their beauty; it’s been important to us that the favicon perfectly fits to the site design or its content. All favicons are clickable and lead to the sites where they are used.
50 Outstanding Favicons
Compared to its colleagues, UnLtdWorld’s favicon deserves particular attention. What you see below is a favicon with a 3D-effect; such a result within 32×32px area in .ico is indeed fine art.
| UnLtdWorld |
And here are 49 more excellent favicons. Let’s start with the black ones.
Favicons in Hand-Drawing Style
| Smoothieland | |
| Brand New | |
| Grow Veg, apparently this favicon is a tomato. | |
| Suck UK, an online-shop | |
| Ogilvy Durham | |
| x-Grafik, design from Slovakia | |
| Sky View Parc, a real estate company | |
| Makao |
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 45 Blog Designs
- 65 Flash Designs
- Brilliant Wallpapers
- Brilliant HDR Pictures
- Brilliant 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
Footers can be a place where a designer can let his creative juices flow a little more freely. Christian Watson shows 76 excellent footer designs. More footers.
Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.
How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.
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 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.






Brian (March 21st, 2008, 2:59 am)
“Gro
vVeg, apparently this favicon is a tomato.” ….should be “Grow Veg…” quick, fun little list - thanks!Skeku (March 21st, 2008, 3:19 am)
Love “Hire a Designer ” and “Agencia Publicidad Marketing” (very funny haha)
Bumbo (March 21st, 2008, 3:32 am)
IMHO it is all about quality of logotypes
jussi (March 21st, 2008, 3:39 am)
Keep up the good work! I’m a fan!
William (March 21st, 2008, 3:44 am)
Cool, i think it adds a lot to a website. (its all in the details!)
Came across this cool one: Link [www.supersteil.nl] :D
nice!
Shaun (March 21st, 2008, 3:59 am)
I love these, thanks :]
Brandi (March 21st, 2008, 4:36 am)
Whoa! Thanks for featuring my favicon on your list (pixels with pigtails)! This is truly one of my favorite design blogs, so it’s quite an honor ;-) I’m a big fan of cropping and negative space, so that played into my design decisions for a new favicon heavily. It amazes me how many people never even notice these icons…where do they think the picture next to their bookmarked items comes from?
ahnShev (March 21st, 2008, 6:14 am)
nice colection. thanks.
damek (March 21st, 2008, 6:48 am)
nice favicon
Josh Wynn (March 21st, 2008, 6:48 am)
Great collection. I like the Flash one the best. I also like one that is not on your list: Link [www.impresslab.com] (Impress Lab). I like their small little potion bottle!
Ryan (March 21st, 2008, 7:53 am)
Grow studio is just using a custom shape that comes with photoshop…
SEO Love (March 21st, 2008, 10:51 am)
I like the x-Grafik, design from Slovakia.
The black icons are not that great though.
steven (March 21st, 2008, 11:48 am)
i personally love the hand drawn ones …
Sylvain (March 21st, 2008, 12:04 pm)
Look this handed drawn (cropped from the logo) : Link [www.larondedesfromages.com]
imaginepaolo (March 21st, 2008, 11:06 pm)
Wath about my favicon?Link [www.imaginepaolo.com]
z.Yleo77 (March 21st, 2008, 11:36 pm)
很漂亮》!·
pusulaweb (March 22nd, 2008, 1:23 am)
super iconsss
zoltan (March 22nd, 2008, 9:00 am)
thanx a lot!
Shane (March 22nd, 2008, 11:16 am)
Very nice indeed. Thanks for the list.
Nastya Manno (March 22nd, 2008, 12:37 pm)
I like the handcrafted icons. Simple and beautiful. Thanks!
New to site (March 22nd, 2008, 3:48 pm)
Why would you feature grow studio’s favicon? It’s a default shape in Photoshop that they skewed vertically. It doesn’t look like it took any thought and probably about 10 seconds to “design”.
Bingo (March 22nd, 2008, 5:54 pm)
nice icons…
i come across this site… everonsoft.com these icon is nice and delicate too
Mike (March 23rd, 2008, 10:07 am)
Those favicons are great for inspiration! Thanks a lot!
Timmay (March 23rd, 2008, 11:13 am)
Check out my very sexy favicon: Link [timothysykes.com]
D Champ (March 23rd, 2008, 1:58 pm)
There is always room for 50 more beautiful favicons! Unlimited World indeed deserves to be exposed. As I can see in past year or so, more and more smaller sites are taking time to custom made their favicons. It looks like favicon industry is moving into micro-art direction.
Evo08 (March 23rd, 2008, 4:04 pm)
These are great , thanks for sharing !
dharma (March 23rd, 2008, 10:02 pm)
wow, pixel perfection. Very nice… I am a fan!
ptamaro (March 24th, 2008, 4:38 am)
Favicons can be tough to do, but always well worth the effort because they add a lot of “polish” to your design. These are great, thanks…
a (March 24th, 2008, 6:55 am)
Thanks, Really Great!
Fashionistatv (March 24th, 2008, 11:03 am)
Before I start any project I come to SM. I use at least one tool in your sidebar daily….thanks for this inspirational favicon post, looking forward to another round of CSS postings!
CMSTheme (March 24th, 2008, 4:23 pm)
It might be small, but Favicon also plays an important roles in buidling the site’s character.
Great post!
pingoogle (March 25th, 2008, 1:56 am)
Wow!!!
Thanks
Dave Lane (March 25th, 2008, 8:17 am)
these are really beautiful icons!
to be picky, i only see 40 here….
Robert Bardou (March 25th, 2008, 9:04 am)
365° - is there a mistake in list of 50 Outstanding Favicons, the last one. It can’t be 365°. There are only 360°. :)
Fokus (March 25th, 2008, 12:41 pm)
let me show u mine fav - based on my logo [www.fokuspace.com]
Eureka (March 25th, 2008, 5:57 pm)
Nice, i am on the right way with my little favicon. :-)
Kyle (March 26th, 2008, 1:14 pm)
The Grow Studios one is just a default Photoshop shape :(
Callie (April 1st, 2008, 3:58 pm)
Thanks for the nod to Ogilvy Durham! Love the compliments.
Mikel (May 1st, 2008, 12:45 pm)
Can anyone provide me with a link to a tutorial that shows how to add these icons to your url. I am using Dreamweaver 8.
Thanks!