Discord Role Icon Maker
Exact 64 × 64 px • 256 KB max • Boost Level 2 & Manage Roles required
Select badge or role icon artwork
PNG, JPG, or WebP (Rescaled to exact 64x64)
Chat Nameplate Preview
Example message demonstrating the role icon beside username.
Specification Receipt
Designing role icons that read clearly at 16 pixels
Role icons are the smallest graphics anywhere in Discord. You upload them at 64×64 pixels, but Discord shrinks them to roughly 16–20 pixels next to usernames. Here is how the size rules, downscaling, silhouette theory, and Boost requirements fit together so your badges stay recognizable at a glance.
The exact 64×64 pixel rule
Discord recommends uploading role icons as a 64×64 pixel square with a clean 1:1 ratio. Unlike banners or emoji that allow varied shapes, a role icon needs to sit inside that tidy square, so odd dimensions like 63×64 get stretched or awkwardly cropped when Discord processes them.
The file cap is 256 KB — plenty of room for a sharp PNG or JPG at this size. A transparent PNG looks best because the icon floats cleanly beside a username with no visible box. This maker centers and resizes your artwork onto an exact 64×64 canvas in your browser, so you export without upload errors.
How small a role icon really appears
Even though you upload at 64×64 pixels, Discord displays role icons at roughly 16×16 pixels beside names in chat and about 20×20 pixels in the member list. That is close to a 4:1 reduction from the file you upload, so every pixel of detail gets compressed into a tiny footprint.
At that scale, small text, thin lines, fine shading, and intricate crests blur into an indistinct smudge. The trick is to design for the display size, not the upload size. Preview your icon next to a mock username at true chat scale before committing it, and simplify anything that turns muddy.
Bold silhouettes and high-contrast shapes
The best role icons behave like road signs: you recognize the shape instantly. A single bold silhouette — a crown for admins, a shield for moderators, a star for boosters, a controller for gamers, or a paint palette for artists — reads far better than a detailed illustration. Solid one-color shapes survive the shrink; gradients and fine emblems do not.
Contrast matters just as much. Because the icon sits right next to a colored role name, an all-gold badge can vanish beside gold text. Clean white elements or a faint outline help the shape pop on both dark and light themes, keeping it legible whatever color the role uses.
Boost Level 2 and how to set an icon
Custom role icons unlock only once a server reaches Server Boost Level 2, which takes seven boosts from members. If the server ever drops below Level 2, your uploaded icons stay saved in settings but Discord hides them from chat until the boost level recovers. You also need the Manage Roles permission to attach one.
To set it, open Server Settings → Roles, pick a role, and use its Display tab. You can upload a custom image or choose a standard emoji as the icon. Discord supports static PNG and JPG here — not animated GIFs. Everything on this page is processed in your browser, so nothing is ever uploaded to a server.
Frequently Asked Questions
What size is a Discord role icon?
Role icons should be uploaded as a 64×64 pixel square and kept under 256 KB. Discord then shrinks them to roughly 16–20 pixels beside usernames, so starting from a clean 64×64 file keeps the badge crisp on high-resolution screens while staying within the size limit.
How do I add an icon to a Discord role?
Open Server Settings → Roles, select the role you want, and go to its Display tab. From there you can upload a custom 64×64 image or pick a standard emoji as the icon, then save. The badge appears next to every member who holds that role.
Do you need boosts for role icons?
Yes. Custom role icons require the server to reach Server Boost Level 2, which takes seven boosts from members. If the server later drops below Level 2, your saved icons are hidden from chat until the boost level is restored. You also need the Manage Roles permission.
Can a Discord role icon be an animated GIF?
No. Discord only supports static images for role icons, so PNG and JPG files work but animated GIFs and APNGs do not. A transparent PNG usually looks best because the icon sits cleanly beside a username without a visible background box.
Why does my Discord role icon look blurry or get rejected?
Blur usually comes from too much detail: at 16–20 pixels, thin lines and small text smear together, so bold, simple silhouettes read best. Rejections are typically caused by the wrong dimensions — it must resize to 64×64 — or by exceeding the 256 KB file cap.