Pixel ICON - 像素图标绘制

NamePixel ICONTaglineDraw pixel-perfect icons on a grid and export clean SVG components.

DescriptionDraw pixel-perfect icons on a precise grid, generate optimized SVGs, and insert them straight into Figma as components.

Pixel ICON is a small editor for favicons, system icons, and other graphics that need to sit on the pixel. Open the plugin, pick a grid from 8 to 64, and draw with pencil, eraser, fill, and selection tools. When you are done, the plugin traces the pixels into a clean SVG path — copy the code, or export it onto the canvas as a reusable component.

Features- 8–64 grids, with 12 / 16 / 24 presets- Pencil, eraser, fill, and selection; flip, undo/redo, copy/paste- Mono or color mode, with recent colors- Import pixels from the current Figma selection- Live SVG preview and one-click copy- Export inserts a Figma component on the canvasHow to use1. Run **Pixel ICON** from the Figma plugin menu.

2. Choose a grid size and start drawing.

3. To trace an existing layer, select it on the canvas, then import.

4. Click **Export** to insert a component, or copy the SVG.

Shortcuts P Pencil E Eraser G Fill M Select Shift + drag Straight line Alt + click Pick color⌘ Z / ⌘ Shift Z Undo / Redo⌘ C / ⌘ V Copy / paste pixels Esc Place selectionDelete Delete selectionSupport: [starrylight.art](https://starrylight.art)CategoryDesign toolsTags (up to 12)pixel, icon, svg, component, pixel-art, favicon, grid, export, vector, design-systemVersion notes (1.1.0)Draw pixel icons on an 8–64 grid, export optimized SVG, insert as a Figma component, and import from the current selection. Includes undo/redo, fill, flip, selection, and keyboard shortcuts.