What is a Favicon?

What is a Favicon?

Do you know what a Favicon is? If you Google this search phrase Google will say “an icon associated with a URL that is variously displayed, as in a browser’s address bar or next to the site name in a bookmark list.” That sounds confusing but it’s really simple. Depending on the browser you’re using look up at the current tab and you’ll see my Favicon, which is a green globe. Every website I make for my clients has a custom Favicon. It really annoys me when a company doesn’t have a Favicon, or their web designer uses a default Favicon.

Why does this matter you might ask? If your website doesn’t have a Favicon it shows a lack of creative talent, or worse basic knowledge by the developer. Creating a favicon isn’t the most difficult thing in the world but I have some tips that help make it much easier.

The Noun Project

One of my favorite websites for icons of any type is the Noun Project. The Noun Project has thousands of basic icons in black and white. Their goal is to simplify communication, across borders and around the world using visual communications. You can visit their site and type in literally anything to find numerous icons for your search term. I HAPPILY pay $9.99/mo to use their icons ROYALTY FREE. This means I can use them in logos, Favicons, print design projects, website design or anything else my heart desires!

Favic-O-Matic Favicon Generator

Once I find an icon that I like, a tool that does a great job of creating Favicons of numerous sizes is Favic-O-Matic, The Ultimate Favicon Generator. Back when Favicon’s started there was one size. Tiny. Used in the browser bar and that was all. Now Favicons are shown as bookmark icons for various devices in various sizes. Apple devices use 10 different sizes depending on the device.  The beauty of Favic-O-Matic is you can upload one Favicon image (they recommend at least 32 x 32 px – I usually create mine 400 x 400 px) and it will return every darn size you’ll ever need. You don’t have to use every single one but I love the option.

Company Logo Favicon

Sometimes I’ll use a company logo as a Favicon, but I have to warn you if there’s a lot going on in the logo it will just look like a blob on the page tab. I like to either use one part of the logo, or use a simple icon from The Noun Project and change the color to match the company’s logo colors.

If you need a custom icon for your company or simply found this article interesting please share it. Thanks and have a great one!

When you work with Brian Houdek Web Design you work with me – a skilled freelance website designer and digital marketing expert in the Chicago area

Featured Wordpress Website Projects

Windy City Coating Website

Windy City Coating Website

View Project Details ↠
Luxury Elements Wine Cellars Website

Luxury Elements Wine Cellars Website

View Project Details ↠
M&M Quality Grinding Website

M&M Quality Grinding Website

View Project Details ↠
ITProMentor Website

ITProMentor Website

View Project Details ↠
Graphic Design Icon

Have a Project in mind? Lets build your business together

As my client you won’t have to worry about who to speak to when you call your firm – I will always be your direct contact. I work cooperatively with clients to create a perfect website that will not only be visually appealing but also increase profitability.Contact me today to discuss how we can target your customers with a well designed website, search engine optimization (SEO) and a comprehensive digital marketing plan to help your business become more profitable.

CONTACT INFORMATION

PROUD MEMBER OF

Scroll to Top