Free Tool

Footer Badge Generator

Create polished footer badges for your website or README. Choose a style, pick an icon, and copy the embed code in seconds.

4 styles
16 icons
SVG export with embed code
Badge Builder

Customize your badge

Live preview updates as you edit the fields below.

We will add https:// if missing.

Selected: Heart

Live Preview

Your badge

Click the badge in your footer to open your site.

Enter a domain and URL to generate your badge.

Embed code

Paste the HTML in your footer. Use the Markdown snippet for READMEs.

HTML
Add your details to generate the embed code.
Markdown
Add your details to generate the Markdown snippet.
How it works

Create a badge in three steps

Use the generator for landing pages, portfolios, and open-source projects.

Step 1

Add your brand

Enter your domain and the URL you want the badge to link to.

Step 2

Pick a style

Choose an icon and style that matches your brand or product.

Step 3

Embed anywhere

Copy the HTML or Markdown snippet and paste it in your footer.

FAQ

Common questions

Quick answers about badge output and usage.

Is the badge generator free?

Yes. The generator is free to use, and premium removes the backlink and unlocks more tools.

Does the badge include a backlink?

Free badges include a small BuildTheIdea link. Upgrade to remove it.

Can I use the badge in a README?

Yes. Use the Markdown snippet and it will render in GitHub and GitLab.

How do I change colors?

Select the solid style and choose a preset color or type a hex value.