Discord Role Icon Maker

Design custom Discord role icons, badges & server graphics in seconds.

Customize shapes, colors, borders, and gradients with 3,000+ vector icons.

Enable base shape background

Choose shape type

Fill style
Fill color
Shape opacity 100%

Border stroke

Stroke color
Stroke width 6.5px
Drop shadow
Lumes
Today at 12:00 PM
Hello world!
Download

How to Create Custom Discord Role Icons

Custom role icons help differentiate staff, donors, and achievements on your server. Using our free online Discord role icon generator, you can craft crisp, recognizable role symbols in just three steps:

  1. Select a Base Icon: Search over 3,000 vector icons and choose a high-quality SVG graphic.
  2. Customize Style: Apply background shapes (squircles, circles, stars, shields), customize gradients/solid colors, adjust sizing, offset, and add custom drop shadows.
  3. Download & Upload: Export your creation as an optimized PNG or SVG. Go to your Server Settings > Roles in Discord to upload it.

Discord Role Icon Specs & Size Requirements

For the best visual quality, your server assets must comply with Discord's upload guidelines. Expand each specification below to see requirements and recommendations:

Requirement: 64 x 64 Pixels.
Recommendation: Discord renders role icons at 20x20 pixels in the chat area and sidebar lists. Uploading at 64x64 or higher ensures your design remains crisp and clear without losing detail on high-DPI displays.

Requirement: PNG, SVG, JPG, WEBP, or GIF.
Recommendation: Use PNG or SVG format. SVG provides infinite scaling and the smallest file sizes, while PNG offers transparent background support which looks far superior in both Discord's dark and light theme views.

Requirement: 256 KB maximum.
Recommendation: Keep file sizes as small as possible (ideally under 50 KB) to ensure role icons load instantly for all server members, especially those on mobile devices or slower connections.

Requirement: Server Boost Level 2.
Recommendation: Custom role icons are a premium Discord feature. Your Discord guild must have at least Level 2 boost status to allow managers to assign custom images or emojis as icons next to roles.

Discord Icon Maker Features

Choose from a massive, searchable library of vector shapes, gaming badges, developer symbols, and essential communication icons to use as your roles template.

Layer multiple icons and custom texts together. Individually control coordinates, scaling, rotation, colors, border widths, and drop shadows for each layer.

Enable beautiful base background shapes like squircles, shield emblems, pointed stars, or badges. Set smooth linear gradients with custom angles to make your role icons stand out.

Frequently Asked Questions

Discord role icons are displayed at 20x20 pixels within the chat and sidebar lists. This builder generates optimized SVGs and high-resolution PNGs tailored specifically to look crisp at this scale.

Yes, all vector shapes, presets, and customized icons exported from Lumes Icon Creator are 100% free for personal and commercial projects under the MIT license.

Go to your Server Settings > Roles, select the role you want to customize, and upload the exported SVG or PNG file under the "Role Icon" option (requires server boost level 2).

Svg copied!