How To Add A Favicon

Learn how to add a unique icon to the browser tab for your website

Written by: Madeline B.

Last updated: 15th July 2025

A favicon is an image or small icon (often a logo) associated with a particular website. This icon makes your website identifiable on bookmarks/favorites bars or when a user has multiple tabs open. Plus, it makes your site look more professional.

1. Log into your B12 editor

2. From the left-hand editing panel, select `Website` > `Settings`

3. Under settings, select `Website metadata`

4. Click `Choose from library` below `Favicon`.

5. Choose your image from the library or upload a new one by clicking `Upload media`

6. Once you choose your image, select `Continue` > `Save` to update the changes

7. Be sure to click the purple `Publish` button in the top right of your screen to update these changes on your website!

Tips:

Try using a simple image or icon with little or no text.
Images with square dimensions usually look best!
You can use http://www.favicon-generator.org/ to generate a favicon if you don’t have one!

How To Add A Favicon

Learn how to add a unique icon to the browser tab for your website

1. Log into your B12 editor

2. From the left-hand editing panel, select Website > Settings

3. Under settings, select Website metadata

4. Click Choose from library below Favicon.

5. Choose your image from the library or upload a new one by clicking Upload media

6. Once you choose your image, select Continue > Save to update the changes

7. Be sure to click the purple Publish button in the top right of your screen to update these changes on your website!