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.