
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.