Web-based Favicon Generators and Favicon Resources

Jun 10 2008 by Jacob Gube | 20 Comments

Your website’s favicon is a key trademark to its look. It shows up in the navigation bar as well as on browser tabs (for most browsers at least), helping users quickly pick out your website out of the crowd.

Creating favicons is simple, and with these online favicon generators, you’ll have your own favicons in no time! Further down the article are some more resources related to favicon design and inspiration.

Favicon Generators

favicon.ico Generator

favicon.ico Generator

The favicon.ico Generator is my favorite out of the pack, and it was used to create Six Revision’s favicon. It has an an intuitive interface and a robust set of features such as the ability to create animated favicons, pixel-level editing, and saving all your icons in a centralized location. You can also publish your favicon under an open license to share to the public.

favicon maker

favicon maker - Screenshot

The favicon maker is an favicon designer that you can use to draw your own favicons. You can also upload an existing image as the basis of your design. While you’re drawing, there’s a live preview of how your favicon will look in its actual size.

256 Pixels

256 Pixels - a daily favicon design challenge - Screen Shot

256 Pixels ran a daily favicon challenge where they provided you with a category/theme and you had to use the built-in favicon designer for your entry. As such, you’ll also find a collection of favicons constructed by their readers, sorted by category/theme.

Favicon Editor

Favicon Editor - Screen Shot

The Favion Editor is a no-frills favicon editor. You have the ability to upload local files as the base design and edit it if needed.

Favicon/Icon Generator und Online-Editor

Favicon/Icon Generator und Online-Editor - Screen Shot

The Favicon/Icon Generator is a a German web-based application for creating favicons.

Genfavicon

Genfavicon. Free Online Favicon Generator. Icon Generator. - Screen shot

Genfavicon is a three-step favicon generator. Link to the image or upload it, crop it, and download it as an .ico or .jpg file.

ConvertIcon

ConvertIcon - Screen shot

ConvertIcon is a PNG to ICO converter. It can also be used to convert from ICO to PNG, automatically detecting which conversion is neccesary. You can either upload a local file from your computer or provide a URL to the desired file to be converted.

FavIcon from Pics

FavIcon from Pics - Screenshot

FavIcon from Pics is a simple favicon generator. It provides you with a preview of how the favicon looks on an address bar.

Dynamic Drive- FavIcon Generator

Dynamic Drive- FavIcon Generator - Screen shot

Dynamic Drive’s FavIcon Generator creates favicons from the most popular image file types. It supports images with transparency. You can also use it to create Windows desktop icons.

Favicon Generator

Favicon Generator - Screen Shot

Favicon Generator requires no images. All you have to do is type the text in (you have two rows to work with), choose the colors you want, generate it, and you’re good to go. You can either use the color picker or type in hexadecimal values to customize colors.

Favicon Resources

Favicon Collector

Favicon Collector | Julian Bez - Screen Shot

The Favicon Collector grabs the favicon of a website remotely and saves it as a PNG. It’s also a gallery of the most popular and user-submitted icons, so it’s an excellent place to see tons of favicons for inspiration.

Faviconize

Faviconize - the favicon directory - Screen shot

Faviconize is a favicon directory with over 800 11,800 favicons archived. It’s a community where users can rate the designs and the top five gets displayed on the side column. The favicons are sortable by title, date, rating, and primary color.

fineicons Favicon Gallery

Favicon Gallery - Most Remarkable Favicons - Screen shot

fineicons Favicon Gallery is a one-page showcase of some of the best-looking favicons online. There’s three categories: Symbol, Typographical, and Other.

Making a Good Favicon

Here’s Johnathan Snook’s introductory guide to favicons. He covers the history of the ICO format, ways to create a favicon, and and how to include one into a web page.

Inspire Yourself: 50 Remarkable Favicons

Smashing Magazine has a series of posts related to favicon design inspiration. It’s a 6-part series, and here’s the other five:

I hope you found this article useful, and if it has inspired you to create a favicon (or re-do your current one), show off your work by dropping a link in comments section to your creation!

20 Comments

tehkubix

June 10th, 2008

Wow, thanks, now I may actually make a favicon for my blog!

stefan alexandru

June 11th, 2008

This is very usefull, because i’m usually on the run when i’m working with my notebook, so i can’t install high end applications on it couse it’s some what old, but i rely on web applications to do the trick’s for me. Thank you for the links.

Eric

June 11th, 2008

Good stuff thanks I will keep these in mind
- Eric

Jimmy @ MoneyRemix

June 11th, 2008

Thank you so much for this timely post! I just used favicon.cc to create the favicon for my blog and couldn’t be happier with the results!

Matt

June 11th, 2008

A kind of similar tool, but for Webclips on the iPhone, is http://clipalizer.com/ . That first favicon one you mention looks awesome for a webbased one, thanks.

LGR

June 11th, 2008

A favicon generator I like to use that is similar to FavIcon from Pics and the Dynamic Drive- FavIcon Generator is FreeFavicon.com (http://www.freefavicon.com/). Similar kind of site, but they do have a bunch of free favicons that people can use as well.

web design company

June 12th, 2008

The keymaster enlightens the masses.

webpixelkonsum

June 12th, 2008

Great list about online favicon-generators. Thank you for your work.

Ralph

tomatoe

June 12th, 2008

faviconize is with 11800 favicons not with 800 ;)

istioselida

June 13th, 2008

thank you for your list! i created mine using favicon generator, but i will take a look to the collector, but i m thinking in redesigning it! i will try some of these links

Jacob Gube

June 22nd, 2008

@stefan alexandru: Great point. I think Photoshop’s great for designing the favicons, but not everyone has access to it, especially for the students out there – I know I couldn’t afford it when I was in school.

@LGR: Terrific addition.

@tomatoe: I must be going blind, you’re absolutely right. I checked today, it currently has 11,895 icons! I’ll fix that, thanks for the catch.

Greg

June 29th, 2008

Here is a simple favicon generator. Not as fancy as the others here but it does the job.
http://www.cyber-junkie.com/tools/favicon/

Sorbetera

June 29th, 2008

wow!! this is really helpful! Now if I can only get some time off I’d probably be making a lot of favicons!

Jim

August 16th, 2008

Hi,
I am using
http://www.mobilefish.com/services/favicon/favicon.php to create my favicons. This site also contains other useful tools.

Craig

September 16th, 2010

Great places to change your jpegs, PNG etc formatted images into favicons and the resources to view some favicons to get ideas is great, I have trialled quite a few of these in the past too.

SoftIcons.com

October 15th, 2010

Another favicon generator and online icon converter – http://www.softicons.com/icon-tools

victor

November 26th, 2010

amazing!! thanks :) works awesome

John Newman

February 8th, 2011

Please check our favicon generator at http://favicongenerator.us , if it’s worth an inclusion, please do include. :) Thanks a lot. I’m an avid follower of Six Revisions by the way.

Lori

September 17th, 2011

Great post! Helpful information. I came across this one yesterday and think that is worth sharing:

http://www.back40design.com/news/m.blog/22/256-favicons-short-tutorial

Brad Favicon

August 29th, 2012

:) – Great list!

Leave a Comment

Subscribe to the comments on this article.

Mobify empowers marketers and developers to create amazing mobile web experiences.

Mobify