---
title: Adding a favicon
description: Learn how to add a unique icon to the browser tab for your website.
---

[Skip to content](https://support.b12.io/en/v3/how-to-add-a-favicon#main-content)

[![2026 B12 company logo.](https://support.b12.io/hubfs/B12_logo.svg)](https://support.b12.io/en?hsLang=en)

- [B12 Website](https://www.b12.io/)
- Products
  
  Show submenu for Products

    - Sites
      
      Show submenu for Sites

          - [AI builder](https://www.b12.io/ai-website-builder)
          - [Backends](https://www.b12.io/backends)
    - Client engagement
      
      Show submenu for Client engagement

          - [Client intake forms](https://www.b12.io/client-intake-forms)
          - [Contact manager](https://www.b12.io/contact-manager)
- [Templates](https://www.b12.io/ai-website-prompt-gallery)
- Resources
  
  Show submenu for Resources

    - [Resource center](https://www.b12.io/resource-center)
    - [Case studies](https://www.b12.io/case-studies)
- [Pricing](https://www.b12.io/pricing)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [B12 Website](https://www.b12.io/)
- Products
  
  Show submenu for Products

    - Sites
      
      Show submenu for Sites

          - [AI builder](https://www.b12.io/ai-website-builder)
          - [Backends](https://www.b12.io/backends)
    - Client engagement
      
      Show submenu for Client engagement

          - [Client intake forms](https://www.b12.io/client-intake-forms)
          - [Contact manager](https://www.b12.io/contact-manager)
- [Templates](https://www.b12.io/ai-website-prompt-gallery)
- Resources
  
  Show submenu for Resources

    - [Resource center](https://www.b12.io/resource-center)
    - [Case studies](https://www.b12.io/case-studies)
- [Pricing](https://www.b12.io/pricing)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en)
3. [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)

# Adding a favicon

## Learn how to upload a custom icon that appears in your browser tab

| **![me-webp-May-22-2025-10-46-54-0896-PM](https://support.b12.io/hs-fs/hubfs/me-webp-May-22-2025-10-46-54-0896-PM.webp?width=60&height=60&name=me-webp-May-22-2025-10-46-54-0896-PM.webp)** Written by: Madeline B. Last updated: 08 Apr., 2026 |
| --- |

A favicon is the small icon that appears in a browser tab next to your website title. It helps visitors recognize your site when they have multiple tabs open and can make your website look more polished.

Before you start, make sure you have a favicon image ready in your media library, or prepare one to upload during the process. Square images usually work best.

### Adding a favicon

1. In the left sidebar, go to `Settings` .
2. Under Site identity, click `Manage site identity`.
3. In the SEO metadata section, under Favicon, select `Choose from library`.
4. Choose an existing image from your library, or select `Upload media` to add a new image.
5. Click `Save` in the SEO metadata section.
6. Click `Publish`. Your new favicon will only appear on your live website after you publish the changes.

**Tips:**

- Use a simple icon or logo with little to no text. Small images can be hard to read.
- Use a square image for the best fit.
- You can use [Favicon Generator](https://www.favicon-generator.org/) to generate a favicon if you don’t have one.

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
    - [Multimedia Integrations](https://support.b12.io/en/adding-functionality?hsLang=en#multimedia-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Domains FAQ](https://support.b12.io/en/publishing-growing?hsLang=en#domains-faq)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×