Your badge: every style option
Your badge is a live backer count you can drop anywhere an image goes — a GitHub README, your docs, your site footer, a newsletter. It’s an SVG, so it stays sharp on any screen, and it refreshes on its own as backers join. It’s free on every plan.
Build it on Getting backed under Embed badge: change the controls, watch the live preview, then copy the snippet.
The six things you can change
| Option | Choices | Default |
|---|---|---|
| Corners | Rounded, Square | Rounded |
| Size | Small, Large | Small |
| Theme | Dark, Light | Dark |
| Color | Orange, Blue, Green, Purple, Pink, Slate | Orange |
| Label | Your own words, up to 28 characters | Sponsored by |
| Show icon | On, Off | On |
Picking a look that fits. Use Light on a white page and Dark everywhere else. Slate is the neutral choice if your project already has a strong palette and you don’t want the badge competing with it. Large is worth it at the top of a README, where it’s the first thing anyone sees; Small sits better in a footer or inline with other badges.
About the label
The label is the left half of the badge. “Sponsored by” is the default, but it’s often worth matching your own language — Backers, Supported by, Funded by. Letters, numbers, spaces and basic punctuation only, up to 28 characters. At the Large size the label is shown in capitals.
Copying it in
The builder gives you two snippets. Use Markdown for a GitHub README:
[](your-wall-url)…and HTML for a website or docs page:
<a href="your-wall-url"><img src="badge-url" alt="Sponsored on SponsoredBy.io" height="28" /></a>Both wrap the badge in a link back to your wall, which is the point — the badge is only useful if it’s clickable.
Editing the URL directly
Every option is just a query parameter, so you can hand-edit the URL instead of using the builder:
https://sponsoredby.io/embed/you.svg?theme=light&color=slate&size=large&label=BackersHandy if you want two different looks in two different places — a large light badge on your docs site and a small dark one in your README, say. You don’t need to re-generate anything; just change the parameters.
What it shows
The number of people backing you. Not amounts, and not who they are — if you want that, link to your wall. The count refreshes within about five minutes of a new backing, and the badge works cross-origin, so GitHub and Notion render it without complaint.
Related guides: