Featuring official icons from the Visual Studio Image Library. These icons have been color optimized to work well for dark, light, and high contrast themes. I've tried to match Visual Studio's choice of icons as much as possible, and using other library icons for some files that would otherwise use the default file icon. May 13, 2016 Give an application beautiful icons in C#. Posted on May 13, 2016 by Rod Stephens. One obvious option is to use the icon editor integrated with Visual Studio. Unfortunately this editor isn’t included with all version of Visual Studio so if you have the Express/Community Edition, it may not be there. That means if you give an.
- Change Application Icon Visual Studio
- Visual Studio Application Icon Free
- Visual Studio Application Icon Not Showing
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.
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.
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.
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.
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.
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.
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
Continuous everything – Build. Test. Deploy. Engage. Repeat.
Continuous everything – Build. Test. Deploy. Engage. Repeat.
Announcing Mobile Backend as a Service Public Preview
Mobile Backend as a Service (MBaaS) capabilities on Azure, helping developers build applications faster without the need for managing infrastructure. These capabilities include support for identity, push notifications and data synchronization directly inside Visual Studio App Center.
Ship higher-quality apps faster and with more confidence
Automate the lifecycle of your iOS, Android, Windows, and macOS apps. Connect your repo and within minutes build in the cloud, test on thousands of real devices, distribute to beta testers and app stores, and monitor real-world usage with crash and analytics data. All in one place.
Build apps more frequently, faster
Take the pain out of building your iOS, Android, Windows, and macOS apps locally. Connect to your GitHub, Bitbucket or Azure repos and build your apps automatically with every pull request or on demand, without the headache of managing build agents.
Ship higher-quality apps with confidence
Automate UI tests on thousands of real-world devices and hundreds of configurations in the cloud, using popular frameworks such as Appium, Espresso, and XCUITest. Test every UI interaction your users can do, and diagnose bugs and performance problems every time you build, with detailed step-by-step tracking reports, screenshots, and logs.
Deploy everywhere with ease
Distribute your app to beta testers and users on Android, iOS, Windows, and macOS with every commit or on demand. Send different builds to different groups of testers and notify them via in-app updates. When ready, release to Apple’s App Store, Google Play, and to Microsoft Intune.
Insightful crash reports
Monitor the health of your app with advanced capabilities such as intelligent crash grouping and management, faster debugging with symbolication, and detailed crash reports. Get notified and fix issues as they come up.
Real-time analytics
Grow your audience by focusing on what’s important with deep insights about user sessions, top devices, OS versions, behavioral analytics and event trackers for your iOS, Android, Windows, and macOS apps. Easily create custom events to track anything.
Choose only the App Center services you need
Have your own analytics solution? Using a different beta distribution platform? No problem. Our open-sourced SDKs and APIs let you integrate just the services of App Center you need.
Automate the app development lifecycle for iOS, Android, Windows, and macOS
1. Integrate using CocoaPods
If you haven’t already, install CocoaPods by downloading the app or by running this command in a terminal:
Should you not already be using CocoaPods, create a Podfile by running pod init in your app’s root directory.
Add the following to your Podfile to include all App Center services in your app:
Save the file and run this command in the terminal:
Open the .xcworkspace file for your app.
2. Start the SDK
Open AppDelegate.swift file and add the following lines below your own import statements.
In the same file, add the following in your didFinishLaunchingWithOptions delegate method.
1. Integrate using CocoaPods
If you haven’t already, install CocoaPods by downloading the app or by running this command in a terminal:
Should you not already be using CocoaPods, create a Podfile by running pod init in your app’s root directory.
Add the following to your Podfile to include all App Center services in your app:
Save the file and run this command in the terminal:
Open the .xcworkspace file for your app.
2. Start the SDK
Open AppDelegate.m file and add the following lines below your own import statements.
In the same file, add the following in your didFinishLaunchingWithOptions delegate method.
1. Add the SDK to the project
In your app/build.gradle file add the following lines:
2. Start the SDK
Open your app’s main activity class and add the following import statements.
Look for onCreate callback in the same file and add the following.
1. Add NuGet packages to your solution
Search for App Center, and look for the following packages in the results:
• If you are on Mac, select App Center Analytics, App Center Crashes and add both packages.
• If you are on Windows, install Microsoft.AppCenter.Analytics and Microsoft.AppCenter.Crashes packages.
If you use the App Center SDK in a portable project, you need to install the packages in both the portable and the iOS projects.
2. Start the SDK
Inside your app’s AppDelegate.cs, add the following using statements.
In the same file, add the following in the FinishedLaunching() method.
1. Add the SDK to the project
In a terminal window opened at the root of a React Native project, enter the following line to add Crash and Analytics services to your app:
2. Link the SDK
Link the plugins to the React Native app using the react-native link command. This command links all React Native plugins that are installed.
Change Application Icon Visual Studio
The SDK will ask for the app secret per platform, which is assigned in App Center. The secret may already be pre-populated, showing up beside the question. If the pre-filled secret is correct, press enter to continue.
The SDK will further ask whether or not to send crash reports and user events automatically, which we recommend you do for easy setup. Opt out for greater control over user privacy.
App Center helps you build, test, deploy and monitor your iOS, Android, Windows, and macOS apps – All in one place.
Get started in Minutes
Connect your GitHub, Bitbucket, or Azure repos and set up your continuous integration, delivery and learning pipeline in minutes.
Build in the cloud
Build Swift, Objective-C, Java, React Native, Xamarin, and UWP apps with every commit or on demand, without the headache of managing build agents.
Test on real devices
Visual Studio Application Icon Free
Test your app on thousands of real devices and hundreds of configurations in the cloud. Automate UI tests for your apps with popular testing frameworks.
Push live updates to your app
Ship hotfixes and new features using CodePush without having to resubmit to app stores. Ensure your users have the most up-to-date version of your app instantly.
Distribute apps instantly
Put apps in the hands of your beta testers and users on multiple device platforms – send different builds to different groups of testers and notify them via in-app updates.
Analyze and learn faster
Understand your customers’ app usage with analytics about your core audience—devices, locations, session info, language, and more. Export your data into Azure Application Insights and take advantage of advanced analytics features and custom queries.
Monitor your app health
Get real-time crash reports, notifications, detailed stack traces, and easy-to-read logs to quickly diagnose and fix problems in beta or production apps.
Engage users with push notifications
Integrate push notifications into your iOS, Android, and Windows apps in a few easy steps. Segment your audience and engage them with the targeted messaging at the right time.
Github
Bitbucket
Azure DevOps (formerly VSTS)
Slack
Microsoft Teams
Visual Studio Application Icon Not Showing
Ship five-star iOS, Android, Windows, and macOS apps, faster