The generated favicon will work for all browsers and multiple platforms. Or, you can download an emoji favicon icon from a gigantic list of options. The Favicon generator uses Google Fonts which has 800+ fonts available.Īlternatively, you can choose to upload a file for the favicon generator to transform it into the appropriate sizing. With the text-based option, you can choose the background color and shape, the font family and size as well as the font color. With this free favicon generator, you can create favicon icons from a text, an image, or an emoji. After you make a favicon with any of these online options, they’re free to download and use. They’re in no particular order because they’re all great options where you can create a favicon icon in a few clicks. If you’re keen to create favicon icons of your own that are more simplistic, or you just want to upload an image and have it appropriately sized and converted to an ICO image file, here are several free favicon generators. Favicon icons should correspond to your existing branding and logo.While you can have a transparent background, it’s important to note that Apple devices don’t allow it.The design of the favicon icons shouldn’t include a lot of lines or letters.Favicon icons should be in either 8-bit or 24-bit colors.At the very most, no more than three colors. Pick one or two colors for the color scheme.They should be simple and not overly stylized so they’ll be easy to see in small sizes.When you make a favicon icon, it’s a good idea to also follow these best practices: If you’re not too worried about branding, one of those image sizes should suffice.įor details, check out the Favicon Cheat Sheet. Keep in mind that you could choose between 16×16 px and 32×32 px. 180×180 pixels for iOS and Android devices.96×96 pixels for desktop app favicon icons.Otherwise, browsers and devices won’t use them. Modern browsers refer to this folder as your bookmarks.Ī favicon icon has to be a certain size. The term “favicon” is a portmanteau for “favorite icon.” These were icons that, much like today, were displayed with a website title at the top of a browser.Įxcept, they were originally displayed when a user added a website to their “favorites” folder. When you want to create favicon icons, the first step is learning more about them, including their requirements and best practices.

How to make a favicon not be square