Logo Windows icon software company Icon SoftwareIcons DownloadsF.A.Q.Contact  
Icon Software
Graphic Software
Icons Downloads
Order Icons
Windows icon sets
Icon Design
Support
EnglishDeutsch - GermanРусский - RussianEspañol - SpanishFrançais - FrenchItaliano - Italian日本語 - JapaneseNederlands - Dutch中文(简体) - ChineseNorsk - Norwegian

iOS 7 icons

flat icons

Get Ready Icons

metro icons

large icons

iphone icons

Download Database Toolbar Icons

professional toolbar icons

Perfect Automation Icons

Icon Design

Stock Icons

Toolbar Icons

free icons
Icon FAQ
 All questions  Support  Press-releases


How can I create Windows XP icons using a vector tool?

Illustrate

You may use a vector tool (such as Macromedia FreeHand or Adobe Illustrator) to illustrate Microsoft Windows XP style icons. You will need three sizes of the image. Because there will be a drop shadow added to the image later, you should create three sizes that are around 46 x 46, 30 x 30, and 14 x 14 pixels.

Creating the 32-bit images

1. Make a new icon with Aha-Soft ArtIcons or IconLover (Main menu\ File\ New Icon).
2. Create 48x48, 32x32, 16x16 icon formats with 32-bit color depths (Main menu\ Tools\ New image format). If an icon contains an extra image format (possibly created by default) just delete it.
3. Copy and paste the vector images into ArtIcons. (14x14 image into 16x16 icon image format, 30x30 image into 32x32 icon image format, 46x46 image into 48x48 icon image format accordingly).
4. After pasting your images into ArtIcons, check their readability and resolution, especially at the 16x16 size. You may need to do some pixel-pushing. If the 16 x 16 is not reading clearly, consider simplifying the image at that size.
5. Duplicate every 32-bit image format in this new icon for future creation of 8-bit images. Convert the copies into 8-bits (Main menu\ Tools\ Convert Image Format).
6. Add the drop shadow to every 32-bit image by applying Drop Shadow effect (Main menu\ Effects\ Drop Shadow).
Below is the list of recommended Drop Shadow settings:
Angle: 135
Distance: 2
Size: 2
Opacity: 75%.
7. Save your icon (Main menu\ File\ Save as...)

Drop Shadow Dialog


Creating the 8-bit images

Now that you have the 8-bit images ready already, you need to correct them. The 8-bit versions will not have the 8-bit alpha channel, so they will need to have their edges cleaned up as there's no antialiasing (that is, their edges will be jagged).

Clean up the edges with Pencil tool, removing any antialiased pixels. Check your image on both light and dark background (right-click the icon image in the preview window to bring up the context menu and select 'List Color' item).

Creating the 4-bit images

If you want your icons to look good on bottom-level systems, provide 16-color versions of your icon.

1. Duplicate every 8-bit icon image format and convert copies to 4-bit color depth.
2. Clean up your images using the colors from the 16-color palette.
3. Use a black outline on the bottom and right edges of the image.
4. Use a dark gray or other dark color outline for the left and top edges of the image.

Finalizing

You should have a total of nine image formats - three sizes per color depth in the next sequence:

 
  • 48 x 48 at 32-bit
  • 32 x 32 at 32-bit
  • 16 x 16 at 32-bit
  • 48 x 48 at 8-bit
  • 32 x 32 at 8-bit
  • 16 x 16 at 8-bit
  • 48 x 48 at 4-bit
  • 32 x 32 at 4-bit
  • 16 x 16 at 4-bit

  • Use Tools\ Sort Image Formats\ for Windows XP menu command to sort the icons in this sequence or arrange icons using drag-n-drop. This sequence is necessary for correct icons display on any system, not only Windows XP.

    To save the icon, select Main menu\ File\ Save as...

    Icon editors and icons

     Perfect Toolbar Icons

    Perfect Toolbar Icons

     Business Toolbar Icons

    Business Toolbar Icons

    Icon IconLover is our pick. It allows you to design and edit all kinds of graphics required in the software development cycle, including icons, static and animated cursors and interface elements - all these graphics can now be designed in a single application.

     Cut Icon Toolbar Icon Set. A collection of practical and eye catching Windows icons representing all basic operations required for software development.

    Dollar Icon Business Icon Set will make your software and web products look more modern and attractive. File formats included into the set are Windows icons, GIF and PNG images.

    Icon ArtIcons Pro is an advanced icon-specific utility for Windows. It supports ICO, BMP, PNG, GIF, PSD, XPM, XBM, WBMP, CUR and ANI image formats and allows you to manage icon libraries.

    Icon Any to Icon converts icons and cursors into BMP, JPG, PNG, GIF, ICO, CUR and other formats. This wizard can find icons and make images for use on Web pages.