How to Add a Custom Minecraft Server Icon

How to Add a Custom Minecraft Server Icon

A collage of different 64x64 Minecraft server icons.
Examples of various Minecraft server icons.

Adding a server icon to your Minecraft server is easy. You'll also attract more players and look more professional by having an awesome icon! In this tutorial, we'll show you how to add an icon, as well as how to create a custom icon from scratch.

Server Icon Templates

Interested in getting a high quality server icon quickly? Check out our icon maker with over 70 icon designs!

Block Burst Server Icon
Server Icon Maker

Adding an icon to your server

Before trying to add a server icon, make sure you have downloaded the Minecraft Server JAR from the official Minecraft website. If you use a server host, log into your server dashboard and use FTP to add the icon to your server.

  1. Find an image to use as the server icon. You can use Google to find an image to use as an icon, create your own custom icon, or use one of our server icon templates.
  2. Make sure the icon size is 64x64 pixels and the file type is PNG. You can resize and convert images to PNG by using online tools like Simple Image Resizer.
  3. Once your icon's size is 64x64 pixels and the file type is PNG, rename the icon file to 'server-icon'. Make sure you copy the text exactly or it will not work.
  4. Move the server-icon.png image into your server's main folder.
    A screenshot showing the server-icon.png file being moved into the Minecraft server folder.
    Add the server icon to your main server folder.
  5. After restarting your server, check the Multiplayer server list. You should now see your server's brand-new icon!
    A preview of a custom blue server icon in the Minecraft server list.
    This icon design is available from our icon maker.

That's all there is to it! You've made your server look much more professional, as well as increased the chance for players to join. If you need to change your server icon in the future, simply swap out the 'server-icon.png' image with a different one. Next, we'll learn how to make a custom icon from scratch!

Creating a custom server icon

  1. Open Photoshop, then choose File > New.
  2. For the width and height, type 64 pixels. Make sure it is 64 pixels, not another unit of measurement, such as inches. That would be one massive server icon!
  3. Set the 'Resolution' to 72 pixels/inch.
  4. Click 'Create'.
  5. You should see a blank square.
  6. Let's start by picking a background color. I've picked blue, but you can pick any color you'd like.
    A screenshot of the color picker in Photoshop.
    Choose a background color in your image editor.
  7. Unlock the Background by clicking the lock.
    A screenshot showing how to unlock the background layer in Photoshop.
    Unlock the background layer to begin editing.
  8. Press Alt + Delete to fill the background with the selected color.
    The 64x64 canvas filled with a solid blue color.
    The canvas is now filled with the selected color.
  9. Let's add a stripe to the center. Select a brighter color, then add a new layer by pressing Shift + Ctrl + N.
  10. Select the Rectangular Marquee Tool (M). Click and drag to create a rectangle. Once the rectangle is the correct size, release the mouse.
  11. Press Alt + Delete to fill the rectangle with the color you selected.
    The blue icon with a light blue horizontal stripe added.
    A bright stripe adds a simple design element.
  12. Press Ctrl + D to deselect the rectangle.
  13. Let's add a fancy gradient effect! Create another new layer by pressing Shift + Ctrl + N.
  14. Select the Gradient Tool (G).
  15. Choose a white color from the color picker.
  16. Copy these settings for the Gradient Tool in the top-left corner.
    A screenshot of the recommended gradient tool settings in Photoshop.
    Use these settings for a transparent-to-white gradient.
  17. Now, drag from the top of the icon down to the bottom. You should see a white fading gradient appear.
  18. Set 'Layer 3' blend mode to 'Overlay' and the opacity to 80%.
    A screenshot of the layer settings set to Overlay and 80% opacity.
    Adjust the layer's blend mode and opacity.
  19. Your icon should now look something like this:
    The server icon shown with the gradient overlay applied.
    The gradient adds a nice lighting effect.
  20. Finally, let's add some text! Choose the Horizontal Type Tool (T).
  21. Click in the center of the screen and start typing text. For our example, I've used the free Norwester font.
    The finished server icon with the letter 'W' in the center.
    The final icon with a custom font added.
  22. Now we have a simple completely custom icon!
  23. To add more complex styling to the icon, here are some ideas to help you out:

    1. When you're ready to save your new server icon, click File > Save As. Make sure to save as a PNG and name it 'server-icon'. If you plan to edit the icon again in the future, make sure to also save it as a PSD file so you can open it in Photoshop again!

    You made it!

    We hope this tutorial has taught you everything you need to know about server icons. If you have any questions, feel free to get in touch with us at contact@woodpunchsgraphics.com. We've got years of experience with graphic design, and we're glad to help.

Back to blog

5 comments

This worked perfectly on my UHC server!

Benjamin

it works on 1.15.2 f*cking liars

s2ci

It doesnt work for 1.15.

someone

It doesnt work for 1.15.

someone

K

Kaevik

Leave a comment

Please note, comments need to be approved before they are published.