Free tools
English
SVG badge generator
SVG badge generator — choose your inputs and copy or save the result. Input guide: Badge text, Background color, Color. No account needed.
No account needed
Loading tool…
How to use
- 1Input guide: Badge text, Background color, Color.
- 2Run the tool and review the result.
- 3Copy result / Save result file.
Good to know
Check input ranges and units. Results depend on your inputs and your browser.
Ads may process connection data. Personalization follows your privacy choices. Privacy (English)
Worked input and output example
These results come from this tool’s actual engine using the sample values below, not your personal input or saved work. Load the example in the tool to inspect the same inputs.
Example input
| Field | Value |
|---|---|
| Badge text | Saemol |
| Background color | #0F766E |
| Color | #FFFFFF |
Example result
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="80" viewBox="0 0 320 80"><rect width="320" height="80" rx="16" fill="#0F766E"/><text x="160" y="40" text-anchor="middle" dominant-baseline="central" font-family="sans-serif" font-size="24" fill="#FFFFFF">Saemol</text></svg>