Badge Editor

Design your badge, then share it.

Style your CustomBadges icon and its popup card, watch the stage on the right update live, then copy a share code so anyone can import this exact badge.

Badge style

Must be a direct .png/.jpg/.jpeg/.gif/.webp link hosted on i.imgur.com, i.ibb.co, i.pinimg.com, files.catbox.moe, cdn.discordapp.com, or media.discordapp.net, anywhere else gets silently blocked by Discord and your badge won't load.

Paste a link above to check it.

Paste a supported icon URL above to enable sharing.

Paste a supported icon URL above to enable this.

Add badges here to bundle several into one share code.

No badges added yet.

Badge preview

Hover the badge for the quick popup, click it for the full card, just like clicking a badge on a real Discord profile.

This is exactly how your badge will look and behave once it's live on your profile.

Import a badge

Paste a share code, either a single badge or a full {"version":1,"badges":[...]} block, to load it into the editor above.

Paste a share code above, then click Import.

Public badges

Badges other people have shared. Click one to load its style into the editor above.