What’s a Favicon?

A quick guide to the tiny icon that represents your website in the browser tab

What is a Favicon?

A deep dive into the tiny yet powerful icon that gives your website its identity.

Favicon Example in Browser Tabs

A favicon — short for "favorite icon" — is a small icon associated with a website. You’ve probably noticed it as the tiny symbol that appears in your browser tab, bookmarks bar, or history list. Though it's small in size, a favicon plays a big role in helping users visually recognize and identify a website quickly.

Favicons are typically square and saved in formats like .ico, .png, or .svg. The standard size is 16x16 pixels, but modern websites often include multiple sizes for better compatibility across devices and platforms — including tablets, phones, and pinned tabs.

Besides helping with brand recognition, favicons can make your website feel polished and professional. Without one, your site may show a generic browser icon — or worse, nothing at all — making it harder for users to distinguish your page when multiple tabs are open.

Implementing a favicon is simple. Just upload your icon file and link it in the HTML using the <link rel="icon"> tag. This site lets you upload an image and instantly preview how it looks in a browser tab — helping you visualize your brand in action.