William CraigCEO & Co-Founder
- 6 minute read
- President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX.
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.
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.
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 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.
You have the ability to upload local files as the base design and edit it if needed.
You can either upload a local file from your computer or provide a URL to the desired file to be converted.
You can also use it to create Windows desktop icons.
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.
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 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.
There’s three categories: Symbol, Typographical, and Other.
Here’s Johnathan Snook’s introductory guide to favicons. He covers the history of the ICO format, ways to create a favicon, and how to include one into a web page.
Smashing Magazine has a series of posts related to favicon design inspiration. It’s a 6-part series, and here’s the other five:
- Inspire Yourself: More Creative Favicons
- Creative Favicons: When Small Is Beautiful
- Creative Favicons: Tiny Artwork
- Favicons Episode 5: The Delicate Beauties
- Favicon Episode 6: Black, Abstract and Hand-Drawing
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!
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX.
WebFX is a full-service marketing agency with 1000+ client reviews and a 4.9-star rating on Clutch! Find out how our expert team and revenue-accelerating tech can drive results for you! Learn more