Online icon editor

Create or touch up icons pixel by pixel, work with transparency, and export PNG, multi-resolution favicon.ico, or a complete package.

What can you do with the icon editor

Design small icons from scratch or touch up an existing image with tools made for pixel-level editing. Edit each size independently, so a 16-pixel favicon does not have to look exactly like a 64-pixel version.

Pixel-by-pixel editing

Draw precisely using zoom and grid.

Eraser and transparency

Remove pixels without adding a solid background.

Color fill

Fill in areas connected with a single click.

Eyedropper

Pick any color directly from the icon.

Undo and redo

Adjust your changes without losing your recent work.

PNG, ICO and ZIP

Export a single file or a complete package.

How to create or edit an icon

  1. 1

    Start from scratch or import an image.

  2. 2

    Choose the size you want to edit.

  3. 3

    Draw, erase, fill, or sample colors with the eyedropper.

  4. 4

    Download PNG, favicon.ico or ZIP package.

Export sizes and formats

PNG by size

Download the selected size as a transparent PNG. Useful for interfaces, documentation, apps, and web assets.

favicon.ico multiresolution

Generate a multi-resolution ICO file and a ZIP containing PNG files, favicon.ico, and an HTML snippet ready to add to a website.

Frequently asked questions

Can I create an icon from scratch?

Yes. Start with a transparent canvas and draw pixel by pixel using the pencil, eraser, and color fill tools.

Can I import an existing image?

Yes. You can import PNG, JPG, JPEG, WebP or GIF. The image is adapted to the editing sizes by retaining its proportion.

What icon sizes can I edit?

You can work directly on 16 × 16, 24 × 24, 32 × 32, 48 × 48 and 64 × 64 pixels and preview other export sizes.

Can I export an ICO file with various sizes?

Yes. The editor generates a multi-resolution favicon.ico with several embedded PNG versions for modern browsers and Windows.

Are my images uploaded to a server?

No. Editing, previews, and exports all take place directly in your browser.

Does the editor support transparency?

Yes. The canvas uses real transparency and you can delete pixels to make them transparent.

Related tools