How To Add A Favicon

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

Jay Douglas avatar
Written by Jay Douglas
Updated over a week ago

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!

Here are the steps to add or change your website's favicon.

1. From the B12 Editor home screen, click Website, then go to Settings.
2. Click Website metadata

3. Click Choose from library below Favicon.

4. Choose your image from the library or upload a new one by clicking Upload media. Once you choose your image, click Continue, then Save to update the changes.

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


  • Try using a simple image or icon with little or no text.

  • Images with square dimensions usually look best!

  • You can use to generate a favicon if you don’t have one!

See also:

Did this answer your question?