Professional pixel-art icon editor for power users — layers, multiple sizes, SVG tracing, all in your browser.
Iconic V2 is the full-powered successor to Iconic V1. It adds layers, multi-size projects, sprite-sheet management, selection tools, dithering, SVG tracing export, and a rich keyboard shortcut system — all still running entirely in your browser with no external libraries.
Design your icon once at the largest size, then let Iconic downscale it to fill all smaller sizes automatically. Export as .ico, .png, or traced .svg, or save the project as a JSON file to continue later.
Free. Offline. All data stays on your machine.
Iconic V2 is built on the Canvas API with no external drawing libraries. It handles .ico, .png, .svg, and project .json files. All data stays local.
Ctrl+N)Creates a new blank icon project. You choose which sizes to include.
Opens an existing ICO, PNG, SVG, or project JSON file. You can also drop files directly onto the canvas.
Shows recently opened project files for quick access.
Ctrl+S)Saves the current project as a .json file that preserves all layers and size canvases for later editing.
.ico file containing all defined sizes.| Tool | Shortcut | Description |
|---|---|---|
| Pencil | P | Draw pixels. |
| Eraser | E | Erase pixels to transparent. |
| Fill | F | Flood-fill a connected region. |
| Dither | D | Apply a dithering pattern between two colours. |
| Eyedropper | I | Pick a colour from the canvas. Hold Alt + click for temporary eyedropper from any tool. |
| Select (rect) | M | Rectangular selection. |
| Lasso | L | Freehand selection. |
| Move | V | Move the selected area. |
Press 1, 2, or 3 to switch between brush sizes (small, medium, large).
Enable Mirror X (X) or Mirror Y (Y) to draw symmetrically. Every stroke is mirrored across the horizontal or vertical axis — useful for symmetric icons.
The Layers panel lets you stack artwork on independent layers — add, reorder, toggle visibility, or merge layers. This makes it easy to keep a background, icon body, and detail highlights separate during editing.
The Sizes panel lists all icon sizes defined in the project (e.g. 16×16, 32×32, 48×48, 256×256). Click any size to jump to that canvas and edit it. The wand button downscales from the largest artwork to fill all smaller sizes automatically.
The Sheet view shows all sizes side by side as a sprite sheet. Click a size thumbnail to jump directly into editing it.
The Preview panel shows the icon at actual size. Drag to choose which size is previewed.
+ / − keys, or 0 to fit.Space and drag, or middle-click and drag.G to toggle.| Action | Shortcut |
|---|---|
| Select all | Ctrl+A |
| Deselect | Ctrl+D |
| Delete selection | Del |
| Cut | Ctrl+X |
| Copy | Ctrl+C |
| Paste | Ctrl+V |
Ctrl+ZCtrl+YIconic V2 uses no external libraries and sends no data anywhere. All processing is local.