---
title: Generating a logo [B12 2.0]
description: Learn how to generate a professional logo for your website using the B12 AI Agent. Follow these steps to create, customize, and apply your brand logo instantly.
---

[Skip to content](https://support.b12.io/en/v2/generating-logo-with-ai-agent#main-content)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [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. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en)
3. [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)

# Generating a logo \[B12 2.0\]

## Learn how to create and add a custom logo to your website using the B12 AI Agent.

| ![ronnel](https://support.b12.io/hs-fs/hubfs/Ronnel%20DG.png?width=60&height=60&name=Ronnel%20DG.png) Written by: Ronnel DG Last updated: 31 Oct., 2025 |
| --- |

You can use the B12 AI Agent to instantly generate a custom logo for your website. The AI Agent helps you design a professional, brand-aligned logo based on your business name, colors, and style preferences.

<iframe width="256" height="144.64" src="https://www.youtube.com/embed/cLlwxPQ3iJ0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Adding and Customizing Your Logo on Your B12 Website | Step-by-step tutorial" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>

### Generating a logo

1\. In the left sidebar menu, go to `Website` **\>** `Pages` **\>** `Home` **\>** `Header`.

2\. Under **Brand Logo**, click `Choose from library`.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-24-2025-09-19-19-7377-PM.png?width=250&height=514&name=image-png-Oct-24-2025-09-19-19-7377-PM.png)

3\. Select `AI Assist`.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-24-2025-09-19-51-4705-PM.png?width=250&height=341&name=image-png-Oct-24-2025-09-19-51-4705-PM.png)

4\. Click `Ask AI Agent to create a logo`. This will automatically open the **AI Agent** tab.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-24-2025-09-21-08-8980-PM.png?width=250&height=427&name=image-png-Oct-24-2025-09-21-08-8980-PM.png)

5\. The AI Agent will ask you for a few details. Provide:

- Your business name
- Color preferences
- Style or mood (for example: modern, minimalist, playful)
- Any other details that describe your brand

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-24-2025-09-22-24-8340-PM.png?width=250&height=414&name=image-png-Oct-24-2025-09-22-24-8340-PM.png)

Type in the prompt box, then click Enter/ Return key once you're done.

6\. Wait a few moments while the AI Agent generates your logo. Once finished, your new logo will automatically appear in your website header.

**Tip:** You can keep chatting with the AI Agent to fine-tune your logo or generate additional versions. For example, you can type “Make it more minimalist” or “Try a blue version with white text.”

### Best practices for logo generation

To get the best results from the AI Agent:

- Keep your prompt short and clear (1–3 sentences).
- Be specific about what you want (e.g., “Create a clean, text-based logo with green accents”).

The AI Agent automatically crops generated logos to remove excessive padding. This makes the logo’s text and imagery more legible on your website and helps maintain a clean, proportional design.

To edit your logo, go to **Brand Logo** and click `Edit` under the image. From here, you can crop, flip, rotate, and add filters to your image.

The AI Agent currently cannot generate logos with transparent backgrounds. Logos are produced with a solid background, which can be edited or replaced later in your image settings.

- [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)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [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>

×