Favicon Checker
or
What's a favicon?
A favicon is the very small 16x16px icon that lives in the tabs of your browser. It helps people find your page more easily.
What makes a good favicon?
1. Is it clearly recognizable at 16x16px?
Avoid photography, complex shapes with many colours or full words in your favicon.
50x50px16x16px
50x50px16x16px2. Does it work equally well on light and dark themed browsers?
Take a look at the below examples on light and dark mode. While they are visible on a white background - they might not work as well on a variety of shades.
Chrome Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Chrome Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Safari Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Safari Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Microsoft Edge Light ModeYour faviconYour faviconYour faviconInactiveActiveHovered
Microsoft Edge Dark ModeYour faviconYour faviconYour faviconInactiveActiveHovered
Firefox Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Firefox Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Opera Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Opera Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Brave Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Brave Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Arc Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Arc Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Vivaldi Light Mode
Your faviconYour faviconYour faviconInactiveActiveHovered
Vivaldi Dark Mode
Your faviconYour faviconYour faviconInactiveActiveHovered