Free Badge Generator tool
Create cool Badges and use while streaming live your favorite game or chatting live online, up to you.

Features and options available with this tool?

Left Options Panel

– left window shows a shield, an icon and a text on top of the shield, use your mouse to drag and move icon and text elements to position them where you want
– Badge Background drop down form option – use this form to change main background image (use Empty option to remove image) / Default is Badge 1
– Icon Background drop down form option – use this option to change the background IMAGE behind the icon element (use Empty option to remove image) / Default is Theme 1
– Change Font (drop-down form) – change of font used
– Font Style (drop-down form) – apply , remove a style for the text
– Font Color (color picker) – change text color
– Choose Icon (drop-down form) – select which icon to show up on top of the badge
– Icon Rotate optional (range slider) – change the rotation on Y axis of the icon element (-180deg up to 180deg)
– Icon Border Radius optional (range slider) – change the corners of the icon element (0 square up to 100% – round)
– No Icon option (button) – remove the icon element
– Refresh option (button) – refresh the page / start over

Right Options Panel

– Letter Spacing optional (range slider) – change the space between letters
– Font Size optional (range slider) – makes the typed text bigger or smaller
– Icon Opacity optional (range slider) – change the opacity of the icon element
– Icon Size optional (range slider) – change the size of the icon element / bigger or smaller
– Icon Background Color (color picker) – change background color of the icon element
– No Background option (button) – remove background color of the icon element

Preview Render Image

– This is the area where generated image(s) will show up
– Input text field (type text here) – text to be visible on your customized badge
– Hide (button) – hide/show all 3 layers, background icon, icon graphic element and text element
– Apply Text (button) – update typed text on top of the badge
– Generate (button) – click to generate and convert HTML into CGC Badge (PNG image) . Will show up in Preview Render Image box.
Right-click to save as image

If you have questions, suggestions or feedback, let us know.