Creative Favicons: When Small Is Beautiful

Advertisement

We love creative favicons. Their beauty lies in the approach a designer has chosen to put something really unique inside of the 16x16px box. Designing favicons, it’s necessary to work with miniature images, and every extra pixel can be the wrong one. A good favicon is original, beautiful and – in best case – fits to the logotype and color schemes used in the web-site. Creating them is a challenge not every designer is able to cope with. It’s hard, but not impossible. In fact, many creative solutions are possible, but it’s damn hard to come up with some of them once you need them.

Sometimes it’s enough to rescale the logo to an appropriate size, as shown by Xpanity1 Favicon:

Favicon2

If rescaling doesn’t provide optimal results, you can try to extract some parts of your logo and bundle them together, like Kijiji3 did.

Favicon4

We’ve collected some of them – 40 gorgeous, creative and visually appealing favicons you can use as a source of inspiration, e.g. if you have a creativity block. Images are linked; to visit the page with the favicon you like, just click on it.

You can find further favicon-showcases in the posts we’ve published before:

40 Creative Favicons

Favicon7

Favicon8

Favicon

Favicon9

Favicon10

Favicon11

Favicon12

Favicon13

Favicon14

Favicon15

Favicon16

Favicon17

Favicon18

Favicon19

Favicon20

Favicon21 (updated)

Favicon22

Favicon23

Favicon24

Favicon

Favicon25

Favicon26

Favicon27

Favicon28

Favicon29

Favicon30

Favicon31

Favicon32

Favicon33

Favicon34

Favicon35

Favicon36

Favicon37

Favicon38

Favicon39

Favicon40

Favicon41

Favicon42

Favicon43

↑ Back to topShare on Twitter

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

  1. 1

    Great Icon….

    I think favicon of simplebits is also a beautiful icon.

    0
  2. 2

    I wonder how you guys get around the web to collect these icons. You have collected many inspirational ones. Thank You.

    0
  3. 3

    Great collection. I love the constraints of designing a favicon.

    When the logo doesn’t work, having to capture the essence of the site in 16×16 pixels is a challenge that sparks creativity.

    0
  4. 4

    I like this this collection. Icon makers are really specific type of artists. Create good work on these small piece of screen is not only art but heroic craft.

    0
  5. 5

    Great Post but I think that you have been posted them before.

    0
  6. 6

    the icon listed for foolscap.de (16th from top) is not their’s. It’s the logo of TYPO3, the content management system!

    0
  7. 7

    forgot the link: typo3.org

    0
  8. 8

    I’m having problems getting my favicon to show up in IE7. It’s fine in FireFox and Opera. Is there anything special I have to do to get it to work in IE?

    0
  9. 9

    I’ve to change my favicon!!!!

    I think that this is the second article about this, so 2 good articles about smoething that’s forgeted most of the times!!!!

    0
  10. 10

    I thought it was 18px by 18px. I thought wrong =)

    0
  11. 11

    when tiny be crative. awesome

    0
  12. 12

    beautiful collection…. !

    0
  13. 13

    Yeah, very inspiring!

    0
  14. 14

    That is good icons, very inspiring!

    0
  15. 15

    Why isn’t the Flickr favicon in there? It only has the colors of the logo — far more creative than a logo that’s simply been scaled down.

    0
  16. 16

    You guys love linkbait, do you?

    0
  17. 17

    i think Meebo’s favicon should be on the list. Its pretty sweet.

    0
  18. 18

    Davezilla.com has a really cool one! A tiny dragon with teeth!!

    0
  19. 19

    Well I must admit that most of these are pretty impressive while most of them use light tone colors it is easier to make them viewable at there small size. People with Darker color logos beware. Good compilation though!

    0
  20. 20

    Nice icons..How do they design it???
    CAn anyone get one for my blog?

    0
  21. 21

    egobits.gif is 34 x 34 pixels.


    Alan Clifford

    0
  22. 22

    http://www.smashingmagazine.com/favicon.ico is 32 x 32 pixels not 16 x 16

    0
  23. 23

    Because of the horizontal nature of our logo (link, jpg, 12k) we had to take just one part and concentrate on that for our favico – link, 32x32px gif, &lt1k).

    I found it quite constraining initially, but now that I’ve come to terms with it I’ve found that I’m using a larger scale version for other purposes (swap 32×32 for 64×64 in the previous url to see).

    – Alastair.

    0
  24. 24

    Wow some of these are really amazing. I think if you can design a good favicon you can design anything!

    0
  25. 25

    # Alan Clifford
    actually egobits.ico is 16×16 … what are the pros of using a 32×32 icon?

    0
  26. 26

    typo3.org FTW! :D

    0
  27. 27

    i had worked on designing of 24×24 and 32×32 and it seems toughest tasks coz of too much constraints but , doing that much creative work on 16×16 is awesome

    To present ur idea on 16×16 and showing it clearly is outstanding. Sooo size does matter when its tooooo smallllll :-)

    0
  28. 28

    The favicons on bonnierskonsthall.se will be changed everyday (Safari is caching them though but Firefox will show a new one everyday) to reflect day year-long color scheme the site follows.

    0
  29. 29

    Realy great icons.
    i will use as soon as possible.

    0
  30. 30

    Mostafa Darvishzadeh

    June 22, 2007 3:50 am

    not bad
    i’m making an icon for my website ;)

    0
  31. 31

    Awsome collection, well done ;-)

    0
  32. 32

    Did you know you can make your Favicon an animated GIF. I’m sure you can take the creativity a step further ;)

    0
  33. 33

    CH Web Design Northern Beaches

    April 6, 2008 5:14 pm

    Great icons they’re so crip even tho they’re really small, theres a real art to doin this that i ahve not master yet!

    0
  34. 34

    im nuts with big nuts, i love saying that XD,

    0
  35. 35

    Tammy, You have a lovely site with so many wonderful accolades.,

    0
  36. 36

    Hello very nise site i am grabbihg your favicon for my blog

    0
  37. 37

    THanks! It’s Very good!

    0
  38. 38

    i like the design and content , thanks

    0
  39. 39

↑ Back to top