FREE TOOLS

Free Discord Server Icon Maker

This Discord server icon maker builds your icon at the right size, and shows the circle crop before you upload. Free, no login, and nothing you add leaves your browser.

Your icon

Start from a preset

Presets change the colors and the type. Your own letters stay.

Pick a swatch, or tap # and type a hex code like 5865F2.

Optional

Up to 6 characters, on one line. 2 or 3 read best.

White by default. Tap # and type a hex code like 5865F2.

Long words shrink to stay inside the circle.

Border

You get 512 x 512 pixels.

Preview

Preview ready. You get 512 x 512 pixels.
The square PNG you download, reading NG

The file you download

The circle Discord shows, reading NG

What Discord shows

On the square, the outer ring is what Discord keeps. The inner one is a margin: keep your letters and your logo inside it.

512 x 512 pixels

THE SIZE

What size is a Discord server icon?

512 by 512 pixels, square, saved as a PNG. That is what Discord asks for and what this tool makes.

  • Square, always. Discord fits a circle inside the square you give it.
  • 512 pixels a side. Smaller and Discord stretches it soft.
  • 1024 works too. Extra room costs nothing but a slightly bigger file.
  • PNG, not JPG. JPG mushes the edges of letters and flat color.

There is one size for every place Discord shows your server. Your server list, the invite page, a mention: all the same file, drawn smaller or larger. So it has to be big enough for the largest use and clear at the smallest.

Discord does not squash your image to make it square. Upload something that is not square and it crops instead, and its uploader hands you a small zoom box to pick the part it keeps. Starting square means you have already made that choice, at full size, here.

WHY IT MATTERS

Why the circle crop and safe area matter

Discord stores the square and shows the circle. The corners are gone everywhere, on every screen, forever. That is 21% of the picture you upload.

Which is why these four things go wrong so often:

  • A logo tucked into a corner is not there at all.
  • A word that runs edge to edge loses its first and last letter.
  • A square frame or border becomes four disconnected arcs.
  • A photograph loses whatever you thought was the subject.

The safe area is the margin inside the circle. Letters that touch the crop edge look clipped even when they survive it. A border sits in that outer band too. So the usable middle is smaller than the circle itself. The tool draws both rings, and keeps your text inside the inner one on its own.

The two previews above are the point of this page. One is the file you download. The other is what your members see. Check the second one before you upload, not after.

Read our Discord community guide

HOW IT WORKS

How to use this Discord server icon maker

  1. 1.Press a preset, or set the colors yourself. A preset changes the background, the border, and the type. It leaves your own letters alone, so you can try all 4 without retyping anything.
  2. 2.Pick a background. One color is the safest and reads best small. Two colors adds a gradient. Your own image takes a PNG, JPG, or WebP off your device. Use Fit the whole image in for a logo, so nothing gets cropped, and Fill the frame for a photo.
  3. 3.Type your letters. 6 characters is the most it takes, and 2 or 3 read best. Anything longer shrinks to stay inside the circle rather than running off it. Then pick a font, a text size, and a text color.
  4. 4.Turn on a border if you want one. It is drawn as a ring just inside the crop, in thin, medium, thick. A ring survives the circle. A square frame gets cut into four corners. A light ring is what separates a dark icon from Discord's dark sidebar.
  5. 5.Hit Download PNG. You get a square file at the size printed next to the button. Upload it in Discord under Server Settings, then Overview. The guides are drawn in the preview only, so they never reach the file.

THE REAL GUIDE

How to design a Discord server icon that reads at 32px

Your icon is a column of small circles in someone's sidebar, next to 30 others. It is drawn at roughly 48 pixels there. In a mention, a search result, or a notification it is nearer 32, and that smallest size is the one it has to survive. Everything below follows from that:

  • Two or three letters. Your initials, not your full name.
  • One strong color. Members find you by color before they read.
  • High contrast. Light letters on dark, or dark on light.
  • No thin lines. A 2 pixel line at full size disappears at 32.
  • No photographs. Detail everywhere reads as noise nowhere.
  • No taglines. Nobody has ever read one on an icon.
  • Fill the circle. Empty margin is size you gave away.

Test it the cheap way. Shrink the circle preview until it is the size of your fingernail. If you can still tell it apart from the icons around it, it works. If not, the fix is almost always fewer letters and more contrast, not a better drawing.

Pick the font for the shape, not the personality. The display face has the most character per letter and suits 2 initials. The fixed-width one gives every letter the same room, which keeps a 3 letter set even. The plain one gets out of the way when the color is doing the work.

Size the text to the large end if you have two characters and the small end if you have five. The tool shrinks anything that will not fit, so it never spills. But text that shrank a long way ends up smaller than the size you picked.

Then use the same colors here, on your banner, and on your roles. Three matching pieces read as a brand. Three different ones read as three people taking turns.

Read our content and social guide

EXAMPLES

Example Discord server icons by community type

Every icon below is a preset from the tool above with two letters typed in. Press the same button, type the same letters, and you get the same file. They are shown the way Discord shows them, as circles.

Gaming server

Two deep colors and a ring, so it holds up in a crowded server list.

Example Discord server icon reading NG. Two deep colors and a ring, so it holds up in a crowded server list.
  • Preset: Gaming, letters NG
  • Two colors: #7938B2 to #0954A5
  • Text: medium, #FFFFFF
  • Border: medium, #F2F3F5

Web3 server

One flat color and large letters. Nothing to lose at 32 pixels.

Example Discord server icon reading AL. One flat color and large letters. Nothing to lose at 32 pixels.
  • Preset: Web3, letters AL
  • One color: #006D5B
  • Text: large, #FFFFFF
  • No border

Creator server

Warm gradient, dark letters, no ring. Reads as a person rather than a product.

Example Discord server icon reading SF. Warm gradient, dark letters, no ring. Reads as a person rather than a product.
  • Preset: Creator, letters SF
  • Two colors: #F5C518 to #E8843C
  • Text: medium, #2B1A00
  • No border

Minimal server

Near-black with a thin light ring. The safest icon on either Discord theme.

Example Discord server icon reading ZY. Near-black with a thin light ring. The safest icon on either Discord theme.
  • Preset: Minimal, letters ZY
  • One color: #1E1F22
  • Text: medium, #FFFFFF
  • Border: thin, #F2F3F5

FAQs

Make it 512 by 512 pixels. That is the size Discord asks for, and it is what this tool exports by default. Square is the only shape that works, because Discord fits a circle inside the square you upload. Smaller than 512 and Discord stretches it, which makes edges fuzzy and letters soft. Bigger costs you nothing except upload time, so 1024 is here as an option if you want extra room.

Yes. It is free, there is no login or signup, and there is no watermark on what you download. There is no limit on how many icons you make. An image you add can be up to 8MB, and it is read in your browser rather than uploaded.

No. The icon is drawn in your browser. Any picture you add is read there too, and never sent to Zealy or to anyone else. Closing the tab clears it. Nothing you type is stored either.

Because every server icon on Discord is round. You upload a square, Discord fits the biggest circle it can inside it, and the four corners are never shown. That is about 21 percent of the square gone. It is why a logo that sits in a corner disappears. It is why text that runs to the edge loses its first and last letters. The tool draws both shapes side by side so you can see the difference before you upload.

Not here. This tool makes a PNG, which is a still image. Discord does support an animated GIF icon, but only once your server reaches Boost level 1. A boost is a monthly subscription a member buys to upgrade your server. Most servers never get there. At the size these are actually seen, a clear still icon beats a busy animated one.

Open your server, click the server name at the top, then Server Settings, then Overview. The icon sits at the top left of that page. Click it, pick the PNG you downloaded, and save. You need the Manage Server permission. If you cannot see Server Settings, you are not an admin on that server.

One thing, big. Two or three letters, or a single symbol, in strong colors. Discord draws your icon small, next to a column of others. It competes on shape and color rather than detail. A full wordmark, a tagline, or a photograph all turn into a smudge. Pick colors that are not already on the servers your members are in.

PNG for flat colors, gradients, and letters, which is what this tool makes. It keeps edges crisp rather than smudging them. JPG is built for photographs and adds visible mush around text. This tool downloads a PNG for that reason.

An icon gets you noticed. Quests get you a community.

The icon is the first thing somebody sees and the last thing they think about. What keeps them is having something to do. Zealy hands new members quests, points, and rewards, and shows you who actually turned up. Free to start.

Create your community