Page loading...

Get the best experience with Internet Explorer 9 and above

Based on your current browser, you are not seeing all that X-Icon Editor has to offer. Learn more about Internet Explorer 9 and above

X-Icon Editor is an HTML5 application (based on <Canvas>) that allows you to create high resolution icons that lets your sites shine. With X-Icon Editor you can quickly get your site ready with a large icon which will be available for pinned sites and the new tab page. Create your own site icon today!

Brush Tool

Pencil Tool

Type Tool

Eyedropper Tool

Paint Bucket Tool

Line Tool

Rectangle Tool

Circle Tool

Eraser Tool

Resize

Resize

Get from 32x32 Clear

Clear

Clear

Undo

Redo

Grid

Import

step 2

Edit

64x64

32x32

24x24

16x16

Upload

Uploading...

64x64

32x32

24x24

16x16

Ok Cancel

Step 1: Upload your image.
Supported formats are jpg, gif, bmp, png and ico.

Step 2: Crop your image.
Supported all formats but icons.

Step 3: Select the sizes of the image to be exported.
At least one size must be chosen.

Step 4: Click "Ok" to import your image.

Please wait...
(icon being created)

Your icon has been created correctly. Using the button below, you can open the preview in a new browser window.

Preview your icon

Please wait...
(icon being created)

Your icon has been created correctly.

Export your icon

postit

Define the Favicon

To indicate that the icon is available to the browser, use the <link> tag in the <head> element of the page, pointing to the location of the favicon:

<link rel="shortcut icon" href="favicon.ico"/>

Optimize Performance

In order to optimize network performance, please use the following best practices:

Specify caching behavior in the HTTP header of the resource (IE9+ respect max-age and expire date)
Compress the icon to minimize its size (ex. GZIP)

Current size	Compressed Size (estimated)

Please wait...

Your icon is empty. Please import an image or edit the icon before proceeding.