Icon Conversion Tutorial

Icon conversion is vital for icon design. Different operating systems have different formats for icons.

Today you will learn how to convert an icon.

What You’ll Be Making:


  • Illustrator
  • Document Window
  • Save for Web & Devices


1. Create a new document with an art board that has a resolution of 512 px by 512 px.

2. We are going to ignore the icon-making process since you can do it yourself. With your completed icon, make sure to scale the icon so it’s at least 512 px long in one or both directions.

3. Next, choose the option File>Save for Web & Devices… .

4. Choose the preset PNG-24 with Transparency checked so that you won’t have any white boxes like you would have for jpgs. This icon will be saved as a 512 px by 512 px resolution.

5. Click SAVE and choose the best location for yourself to save this png file.

6. Some icon programs like IcoFx can convert your icons for you but I’ll save you the hassle and link you to iConvert which an online converter for icons. You can add more formats in the options button but the default is good enough to begin the conversion process. So choose your icon by clicking Browse… .

7. A window will pop out for you to select your file. Locate your icon file that ends in .png.

8. Now that your file is selected. Go ahead and click Convert.

9. You should it see it convert successfully (if not, always retry). Now you will be able to download the .icns (the format Macs uses for icon) as well .ico (Windows format for icons) and Linux usually uses .png . Now you have different formats for icon for each different system.

Icons are fun to design and create. For the ability to share your icons with others, you must acknowledge other people’s operating systems. Since each system uses different icon formats, it is best to convert your icons so that others may use/distribute them.

I hope you enjoyed this tutorial and learned something new.


About Fadi G.

I am a digital artist and I hope to push the bounds of creativity. I will produce videos, illustrations, animations, and more interesting things.

Posted on March 9, 2011, in Icons, Illustrations, Tips, Tutorials and tagged , , , , , , . Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: