Discord Presence Badge Generator

Free client-side SVG Discord status badge and GitHub README embed generator with custom themes, roles, and presence.

Vector SVG Lossless Quality
GitHub Ready Markdown Embed
4 Presences Online, Idle, DND, Stream
100% Client-Side Instant Generation

Configure Badge

Role & Feature Badges:

Live Vector Preview

● Live SVG Render
AR Alex Rivera @alex_coder 🎮 Playing Visual Studio Code DEV
Embed Snippet (GitHub Profile README):

About this tool

How to use it

  1. Enter your Discord username, display name, and your 18-digit Discord Snowflake User ID.
  2. Select your real-time presence status: Online (Green), Idle (Amber), Do Not Disturb (Red), or Streaming (Purple).
  3. Customize your activity status message (e.g. 'Playing VS Code', 'Listening to Spotify', or 'Building open source').
  4. Choose a visual design theme (Discord Dark, Blurple, Midnight OLED, or Minimal Badge Pill).
  5. Toggle badges (Active Developer, Verified Bot, Nitro Booster, HypeSquad) and copy the ready-to-paste Markdown or SVG embed code for your GitHub profile README.

Why it matters

Developers, open-source maintainers, and community leaders want stylish Discord status badges in their GitHub READMEs, portfolio sites, and project documentation. This tool provides an instantaneous client-side SVG builder and live presence URL constructor with zero tracking.

When to use it

Use when polishing your GitHub profile README, creating status badges for open-source repositories, building community dashboards, or styling Discord bot presence cards.

Common questions

Can I embed this badge directly in my GitHub profile README?

Yes. Switch to the 'Embed Code' section and copy either the static SVG code or the dynamic Lanyard presence URL markdown snippet directly into your profile README.md.

How do I find my 18-digit Discord User ID?

Enable Developer Mode in Discord (User Settings → Advanced → Developer Mode). Then right-click your profile avatar in any server or chat and click 'Copy User ID'.

What is the difference between the Static SVG and Dynamic API Badge?

The Static SVG badge generates self-contained vector graphic markup reflecting your configured style. The Dynamic API badge leverages community Discord gateway bridges (such as Lanyard) to reflect live real-time status automatically.

Does this tool store my Discord ID or credentials?

No. The entire SVG rendering engine and URL generator execute 100% locally inside your web browser. No user data is transmitted to external servers.

Related tools

JSON to CSV & YAML Converter Convert JSON objects and arrays into clean CSV tables or YAML documents entirely in your browser, with dot-notation flattening for nested data. Launch tool Regex Tester & Match Debugger Test regular expressions against your own text with live match highlighting, capture group inspection, and a replace preview. Launch tool Cryptographic Hash & Checksum Calculator Compute SHA-1, SHA-256, SHA-384, and SHA-512 hashes for text or a file, and compare against an expected checksum, entirely in your browser. Launch tool Cron Expression Generator & Explainer Explain a 5-field cron expression in plain English, break it down field by field, and see its next 5 scheduled run times. Launch tool SQL Query Formatter & Beautifier Paste a messy SQL query and get it reformatted with clause line breaks, indentation, and uppercase keywords, entirely client-side. Launch tool