Click here to Skip to main content
Click here to Skip to main content

How to Create Icon Files for Your Windows App using Visual Studio and Microsoft Paint.

, 6 Jan 2006 CPOL
Rate this:
Please Sign up or sign in to vote.
This article will show how to use Visual Studio and Microsoft Paint to convert an existing bitmap image into an icon file that your Windows application can use.

Introduction

For the longest time, I was limited to only having the icons I could create artistically or existing icons I could reuse in my Windows apps. I don't know about you, but I am not artistic enough to make good icons from scratch. This article describes how to use Visual Studio and Microsoft Paint to create icons for your Windows app starting with an existing bitmap.

NOTE: I am using Tech-Pro’s logo with permission. I am currently employed with Tech-Pro and I asked to use it as the example for this article.
NOTE: If you are going to use someone else’s bitmap image, make sure that you have permission to do so.

Background

I was creating a new Windows app and I was again faced with having the default icon on the app. I had a little time on my hands and decided to try to make a new icon file from an existing bitmap file. I figured there may be a few other programmers out there that would like to know what I learned.

Icon Files

There are a few things I should mention about Icon files. First they can hold multiple sizes and color depths in them, i.e. one icon file can have 16 X 16 pixels, 32 X 32, 48 x 48, 64 X 64, 96 X 96. Each one of those sizes can have three color options: monochrome, 16 colors and 256 colors. Now if you only have a 16 X 16 image, your application will use that image in Windows Explorer, but you will get some default image for a desktop shortcut. You need a 32 X 32 or higher image for the desktop shortcut. So you need at least two images. One image 16 X 16 pixels in size and the other image which is 32 X 32 pixels or larger in size.

Creating the Icon File

First, you want to add a new Icon file to your Windows application project. Make sure you name it properly. In our example, I am just taking the default Icon1.ico name.

New file Dialog

VS Icon File

Next, you will want to open the bitmap file you want to convert to an icon in Microsoft Paint. We are going to strip off any text, get the file into a square that fits one of the above sizes. In this example, we are going for 64 x 64 pixels. Then we will copy the images from Paint and paste it into the correct image type in Visual Studio.

Tech-pro bitmap Tech-pro bitmap with text removed and centered

We need to create the correct new image type in the icon file. We are going to create a 64 X 64 pixels 256 color image type. So select the Icon file in Visual Studio and then right click and select New Image type. The new Icon Image Type dialog will come up so we can select the one we want.

New Icon Image type dialog

Next, we will need to properly set the background color of the new Icon Image type. It defaults to a blue color. In this example I am picking white, but you should choose whatever color works best for your image. It is easiest to change the color all at once. If you go to the Image menu, then tools, then fill tool, you can then select a color from the palette and set the background color of the icon image type. Next go to Paint and do a select all and copy. Next, go back to Visual Studio and paste into the icon file.

VS Icon file paste

We will be repeating this process for the other icon image sizes. Next we need to go back to Paint to create our 16 X 16 pixel image. If you go to the Image menu and stretch/skew, you can reduce the image by half, making it 32 X 32. We will do this again to get the image down to 16 X 16.

MS Paint stretch/skew

Next we need to change the image attributes to have a width of 16 and a height of 16. In Microsoft Paint, go to the Image menu, then attributes. Back in Visual Studio, we need to create a new icon image type of 16 X 16 pixels with 256 colors. Set the background color of the new icon image type. Copy the image from Microsoft Paint and paste it into the new icon image.

At this point, we have the two icon image files that are necessary for what we want in an icon file. Go to your Windows form and select the icon property. Select the icon we have just created. This will cause the form itself to use the icon. Next go to the project properties and change the icon to be the one you just created. This will cause the icon to be used in Windows Explorer, a short cut on the desktop and the application down on the tray.

Tech-pro desktop icon

Finally, you may want to delete the default icon image types. They are both 16 colors. Note that you may want to add a 32 X 32 pixel image as well. To switch between icon image types, just right click on the icon file and select current icon image types. That will allow you to select the existing icon image types in the icon file.

Conclusion

I am sure there are other ways of creating Icon files, but I have found this one to work well for me. I hope you have learned a little bit about icon files and find this technique useful.

History

  • 6th January, 2006: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

kubben
Web Developer
United States United States
I started my programmer career over 18 years ago doing COBOL and SAS on a MVS mainframe. It didn't take long for me to move into windows programming. I started my windows programming in Delphi (Pascal) with a Microsoft SQL server back end. I started working with vb.net when the beta 2 came out in 2001. After spending most of my programming life as a windows programmer I started to check out asp.net in 2004. I achieved my MCSD.net in April 2005. I have done a lot of MS SQL database stuff. I have a lot of experience with Window Service and Web services as well. I spent three years as a consultant programing in C#. I really enjoyed it and found the switch between vb.net and C# to be mostly syntax. In my current position I am programming in both vb.net and C#. Lately I have been using VS2012 and writing a Windows 8 app. You can search for the app it is called ConvertIT.
 
On a personal note I am a born again Christian, if anyone has any questions about what it means to have a right relationship with God or if you have questions about who Jesus Christ is, send me an e-mail. ben.kubicek[at]netzero[dot]com You need to replace the [at] with @ and [dot] with . for the email to work. My relationship with God gives purpose and meaning to my life.

Comments and Discussions

 
QuestionGUIDANCE OF GOD Pinmembertmjamal26-May-14 22:24 
AnswerRe: GUIDANCE OF GOD Pinmemberkubben27-May-14 2:25 
QuestionGreat Article PinmemberJay Larmee5-Dec-12 12:54 
AnswerRe: Great Article Pinmemberkubben5-Dec-12 16:59 
GeneralGreate Article PinmemberMember 44765384-Jan-12 9:40 
GeneralRe: Greate Article Pinmemberkubben4-Jan-12 10:33 
GeneralMy vote of 4 Pinmemberchipvb7-Jun-11 15:05 
GeneralMy vote of 1 Pinmemberangelique649-Apr-10 8:55 
GeneralThe icon doesn't seem to work... PinmemberAnupama Sankaran15-Apr-09 3:38 
GeneralRe: The icon doesn't seem to work... Pinmemberkubben15-Apr-09 5:35 
GeneralRe: The icon doesn't seem to work... PinmemberAnupama Sankaran21-Apr-09 5:16 
GeneralRe: The icon doesn't seem to work... Pinmemberkubben21-Apr-09 11:53 
GeneralRe: The icon doesn't seem to work... PinmemberAnupama Sankaran23-Apr-09 6:25 
QuestionI need help with a math problem... Anyone, anyone... Beuller???? Pinmemberblkbagger27-Feb-09 11:44 
AnswerRe: I need help with a math problem... Anyone, anyone... Beuller???? Pinmemberkubben27-Feb-09 12:14 
GeneralThanks for the detailed explanation PinmemberPoornima Sekhar21-May-08 12:57 
GeneralRe: Thanks for the detailed explanation Pinmemberkubben21-May-08 15:37 
GeneralThanks PinmemberNaveen R Hegde14-Apr-08 16:26 
GeneralRe: Thanks Pinmemberkubben15-Apr-08 1:44 
GeneralOnly Applies to Full Visual Studio Editions Pinmemberbradford_bantam3-Jan-08 12:33 
GeneralRe: Only Applies to Full Visual Studio Editions Pinmemberkubben3-Jan-08 13:05 
GeneralClear and Easy-to-follow Article PinmemberJimOwen28-Sep-07 9:00 
GeneralRe: Clear and Easy-to-follow Article Pinmemberkubben28-Sep-07 9:13 
QuestionCan't get the icon on the form please help PinmemberAnp1239-Aug-07 22:48 
AnswerRe: Can't get the icon on the form please help Pinmemberkubben10-Aug-07 2:35 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.1411019.1 | Last Updated 6 Jan 2006
Article Copyright 2006 by kubben
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid