Skip to content
English
  • There are no suggestions because the search field is empty.

How To Add A Favicon

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

me-webp-May-22-2025-10-46-54-0896-PM

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!

See also:

Page and website SEO metadata

Adding page and website metadata and OG tags

Still have a question? Reach out to hello@b12.io with questions!