First of all, let me welcome you to the Online Icon Maker tutorial. In this tutorial we'll cover some basic and important steps of using this great online application.

Let's take a look at the next screen. This is what you are going to see when you open Online Icon Maker.

Icon Maker

The application is divided in two panels: the Properties Panel and the Working Area. Each one is very important and we are going to cover their functions right away.


Properties Panel

In this panel are all your icons properties, which you can easily change:


Here you can modify the colors of your icon. The icon color is made of a gradient from two colors.

The gradient starts from the top left and goes diagonally to the bottom right. So the first color will define the top left color and the second color will define the bottom right color.

The last option from the Colors panel is the text field. Here you can change the text from your icon.

The text gets resized as more characters are added. So try to keep it simple ;)


Here you will find a drop-down menu which allows you to change the desired font. You can choose from 5 available fonts.

Icon Shadow:

Every icon created with Online Icon Maker has a shadow - here you can choose either to show the shadow or not, and decide upon it's color and size.

Working Area

Working Area

Here you can see the available icon shapes, and get a live preview of your icons.

Downloading your icon

Downloading your icon is as simple as it gets: click the desired icon preview, and a new window in your browser will open, giving you a ZIP archive with your Icon in different sizes: 200px, 128px, 64px, 32px and 16px.

These sizes are standard ones, so you shouldn't have any problems to use your icons anywhere!

Thank You!

I hope you enjoyed our quick tutorial. If you need some additional info don't hesitate to contact us!