Tools Design & Frontend Favicon & Icon Editor

Favicon & Icon Editor

Design favicons and pixel art icons from scratch with a pixel editor, then export as PNG or ICO.

🎨 Favicon Editor

Pencil · Eraser · Fill · Eyedropper · Line · Rect — Shortcuts: P E F I L R
Privacy: Everything runs in your browser. No file is ever uploaded to any server.

Guide & FAQ

What is the Pixel Favicon Editor?

A pixel-by-pixel drawing tool designed to create favicons from scratch directly in the browser. It lets you work on grids of 16×16, 32×32, 48×48 or 64×64 px, pick colors with variable opacity, use pencil, eraser, flood fill, eyedropper, line and rectangle tools, and export the result as .ico or .png.

Available tools

  • Pencil (P) — Paints a pixel with the foreground color.
  • Eraser (E) — Removes the pixel color (fully transparent).
  • Fill (F) — Flood fill: colors the entire connected area of the same color.
  • Eyedropper (I) — Picks the color from the pixel you click.
  • Line (L) — Draws a straight line between two points (Bresenham algorithm).
  • Rectangle (R) — Draws the outline of a rectangle.

FAQ

What formats can I export?
PNG at the exact canvas size, a multi-resolution ICO file with layers from 16×16 to 64×64 px (compatible with all browsers), or a batch of four separate PNGs at 16, 32, 48, and 64 px.
Are images uploaded to a server?
No. All processing happens entirely in your browser. No pixel leaves your device.
Can I import an existing image and edit it as pixel art?
Yes. Click 'Choose file' to load any image (PNG, JPG, ICO, etc.). The editor automatically scales it to the canvas size and converts it into an editable pixel-by-pixel grid.
What does the Eyedropper tool do?
It picks the color of the pixel you click on and sets it as the active foreground color, ready to paint.
Can I undo changes?
Yes. The editor saves up to 80 history steps. Use Ctrl+Z to undo and Ctrl+Y (or Ctrl+Shift+Z) to redo, or the buttons in the side panel.