Logo Windows icon software company Icon SoftwareIcons DownloadsF.A.Q.Contact  
Icon Software
Graphic Software
Icons Downloads
Order Icons
Windows icon sets
Icon Design
Forum
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  Our Products on CD


How to make a website icon

By default, the browser icon is displayed as a website icon. However, if the webmaster cares about the originality of his resource, he will surely make a special icon for it.

What is a Favicon? If you have ever stored the link to a website in the browser's favorites, you certainly saw a little icon near the address of the website.


This is a favicon (abbreviation of Favorite Icon). By default, the browser icon is displayed as a website icon. However, if the webmaster cares about the originality of his resource, he will surely make a special icon for it. It will somehow help the website to be distinct from the multitude of others. It is also good because some search engines display the website icon together with the link in the search results page.

It is very easy to make a favicon. You can do it in special icon editing software such as Perfect Icon or IconXP. Alternatively, you can use the Photoshop image editor. If you can't draw, it's not a problem. You can just draw the first letter of the name of your website and surround it with an artistic frame.

So, let's assume you want to create an icon for you website. First, you should download a free Photoshop plugin that will allow you to open and save ICO images. This plugin is called Icon Plugin for Photoshop and can be downloaded here. Unpack the archive and copy the ICO.8bi file from the archive to the File Formats folder, which can be found inside the Plug-Ins folder. As a rule, this folder can be found at C:\Program Files\Adobe\Photoshop 7.0\Plug-Ins\, but your system may have it in another place. Then, launch Photoshop.

Website icon is sized 16x16 pixels. Many people will find it very hard to draw in such a tiny square. Of course, you can draw a large image and then reduce it to 16x16, but all small details will be gone.

Create an empty 16x16 image with white background. Increase the image in the navigator or using the Zoom tool to maximum. As an example, I took the Shape tool, selected "Heart" in the list of available shapes and stretched it proportionally (holding the Shift key) to almost the entire area:


Then I combined all layers and decreased them to the real size using the navigator. Looks not very original but still quite good for an example.


Now save the image as a favicon.ico file. In the File menu select Save As (note that the new ICO format appeared in the list of available formats):


Finish the work by storing the favicon.ico file on the server in the website root and including the following code in the HTML-page header (usually, between the <head> and </head> tags):

<LINK REL="SHORTCUT ICON" HREF="favicon.ico" type="image/x-icon">

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.